לוגו אתר Fresh          
 
 
  אפשרות תפריט  ראשי     אפשרות תפריט  צ'אט     אפשרות תפריט  מבזקים     אפשרות תפריט  צור קשר     חץ שמאלה ‎print ‎"Hello World!"; if‎ ‎not rules.‎know ‎then rules.‎read();‎ חץ ימינה  

לך אחורה   לובי הפורומים > מחשבים > תכנות ובניית אתרים
רענן עמוד זה בעיה ב- CSS: האתר לא נמתח עד הסוף
שמור לעצמך קישור לדף זה באתרי שמירת קישורים חברתיים
תגובה
« לאשכול הקודם | לאשכול הבא »
 
כלי אשכול חפש באשכול זה



  #1  
ישן 27-06-2007, 18:02
צלמית המשתמש של tnadav1
  משתמש זכר tnadav1 tnadav1 אינו מחובר  
 
חבר מתאריך: 02.10.05
הודעות: 2,355
שלח הודעה דרך MSN אל tnadav1
בעיה ב- CSS: האתר לא נמתח עד הסוף
הנה הכתובת:
http://tnadav1.100webspace.net/

(קודם לא עזרו לי כי זה הקישור לא עבד)
בכל מקרה אני מוסיף פה תמונות:
פיירפוקס:

תמונה שהועלתה על ידי גולש באתר ולכן אין אנו יכולים לדעת מה היא מכילה
אקספלורר:

תמונה שהועלתה על ידי גולש באתר ולכן אין אנו יכולים לדעת מה היא מכילה
_____________________________________


תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #2  
ישן 27-06-2007, 19:55
  משתמש זכר Web Web אינו מחובר  
 
חבר מתאריך: 07.12.04
הודעות: 2,153
שלח הודעה דרך ICQ אל Web שלח הודעה דרך MSN אל Web Facebook profile
תוסיף
בתגובה להודעה מספר 1 שנכתבה על ידי tnadav1 שמתחילה ב "בעיה ב- CSS: האתר לא נמתח עד הסוף"
קוד:
background-repeat: repeat-y;
תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #3  
ישן 27-06-2007, 22:18
צלמית המשתמש של tnadav1
  משתמש זכר tnadav1 tnadav1 אינו מחובר  
 
חבר מתאריך: 02.10.05
הודעות: 2,355
שלח הודעה דרך MSN אל tnadav1
בתגובה להודעה מספר 2 שנכתבה על ידי Web שמתחילה ב "תוסיף"
כבר קיים..

בכל מקרה מצאתי תאג שלא נסגר, אז תיקנתי את זה וזה עובד טוב בפיירפוקס..

אבל לא באקספלורר
_____________________________________


תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #4  
ישן 30-06-2007, 16:07
צלמית המשתמש של tnadav1
  משתמש זכר tnadav1 tnadav1 אינו מחובר  
 
חבר מתאריך: 02.10.05
הודעות: 2,355
שלח הודעה דרך MSN אל tnadav1
בתגובה להודעה מספר 1 שנכתבה על ידי tnadav1 שמתחילה ב "בעיה ב- CSS: האתר לא נמתח עד הסוף"
מצטער שאני מקפיץ, אבל יכול להיות שעוד מעט אני לא יוכל להיכנס לאתר, אז אני צריך תשובה דיי מהר
_____________________________________


תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #5  
ישן 30-06-2007, 16:57
צלמית המשתמש של MatiM
  משתמש זכר MatiM MatiM אינו מחובר  
 
חבר מתאריך: 12.04.06
הודעות: 2,021
שלח הודעה דרך MSN אל MatiM
בתגובה להודעה מספר 1 שנכתבה על ידי tnadav1 שמתחילה ב "בעיה ב- CSS: האתר לא נמתח עד הסוף"
תוכל להציג כאן את הקוד שלך בCSS,
ואת האיזור הנתון?

כדי שנמצא אולי יש לך טעויות בקוד?
_____________________________________
תמונה שהועלתה על ידי גולש באתר ולכן אין אנו יכולים לדעת מה היא מכילה

תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #6  
ישן 30-06-2007, 18:36
צלמית המשתמש של tnadav1
  משתמש זכר tnadav1 tnadav1 אינו מחובר  
 
חבר מתאריך: 02.10.05
הודעות: 2,355
שלח הודעה דרך MSN אל tnadav1
בתגובה להודעה מספר 5 שנכתבה על ידי MatiM שמתחילה ב "תוכל להציג כאן את הקוד שלך..."
שלחתי קישור, יותר טוב לא?
בכל מקרה:
HTML:
קוד PHP:
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>
<head>
<title>Theme test</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>

<body>
<div id="site">
    <div id="shadow_left"></div>
    <img src="images/logo.jpg" width="700" height="171" alt="Nofit Team" id="logo" />
    <div id="menu">
        <div class="btn">One</div>
        <img src="images/menu_finish.jpg" width="194" height="85" alt="" />
    </div>
    <div class="block" style="width: 450px;">
        <div class="block_top">
            <img src="images/block_ur.gif" width="21" height="22" alt="" class="block_top_r" />
            <img src="images/block_ul.gif" width="21" height="22" alt="" class="block_top_l" />
            Title
        </div>
        <div class="block_middle" style="height: 200px; width: 450px;">
            <div class="block_content">Testing testing...<br />Testing testing...</div>
        </div>
        <div class="block_bottom">
            <img src="images/block_dl.gif" width="21" height="21" alt="" class="block_bottom_l" />
            <img src="images/block_dr.gif" width="21" height="21" alt="" class="block_bottom_r" />
        </div>
    </div>
    <div class="block" style="width: 450px;">
        <div class="block_top">
            <img src="images/block_ur.gif" width="21" height="22" alt="" class="block_top_r" />
            <img src="images/block_ul.gif" width="21" height="22" alt="" class="block_top_l" />
            Title
        </div>
        <div class="block_middle" style="height: 200px; width: 450px;">
            <div class="block_content">Testing testing...<br />Testing testing...</div>
        </div>
        <div class="block_bottom">
            <img src="images/block_dl.gif" width="21" height="21" alt="" class="block_bottom_l" />
            <img src="images/block_dr.gif" width="21" height="21" alt="" class="block_bottom_r" />
        </div>
    </div>
    <div class="block" style="width: 450px;">
        <div class="block_top">
            <img src="images/block_ur.gif" width="21" height="22" alt="" class="block_top_r" />
            <img src="images/block_ul.gif" width="21" height="22" alt="" class="block_top_l" />
            Title
        </div>
        <div class="block_middle" style="height: 200px; width: 450px;">
            <div class="block_content">Testing testing...<br />Testing testing...</div>
        </div>
        <div class="block_bottom">
            <img src="images/block_dl.gif" width="21" height="21" alt="" class="block_bottom_l" />
            <img src="images/block_dr.gif" width="21" height="21" alt="" class="block_bottom_r" />
        </div>
    </div>
</div>
</body>
</html> 

אני מודע לזה שהתפריט לא סמנתי, יתוקן בהמשך.
CSS:
קוד PHP:
 html, body
{
    background-image : url(images/upper_bg.gif);
    background-repeat : repeat-x;
    background-color : #999999;
    height: 100%;
    margin: 0;
    padding: 0;
    text-align : center;
}
div#site
{
    width : 720px;
    *width : 722px;
    background : #ececec url(images/sha_right.gif) repeat-y right;
    margin: 0 auto;
    height: 100%;
}
div#shadow_left
{
    float: left;
    width: 18px;
    height: 100%;
    background: url(images/sha_left.gif) repeat-y;
    margin: 0 auto;
}
div#menu
{
    width : 193px;
    float : right;
}
.btn
{
    background-image : url(images/menu_normal.jpg);
    background-repeat : no-repeat;
    text-align : right;
    width : 193px;
    height : 34px;
}
.btn:hover
{
    background-image : url(images/menu_mover.jpg);
    background-repeat : no-repeat;
    text-align : right;
    width : 193px;
    height : 35px;
}
.block
{
    margin-top : 5px;
    height : 200px;
    margin-right : 5px;
    float : left;
}
.block_top
{
    background-image : url(images/block_um.gif);
    background-repeat : repeat-x;
    height : 22px;
}
.block_top_r
{
    float : right;
}
.block_top_l
{
    float : left;
}
.block_middle
{
    width : 100%;
    height : 100%;
    background-image : url(images/team_logo.gif);
    background-position : right;
    background-repeat : no-repeat;
    background-color : #fafafa;
}
.block_content
{
    height : 100%;
}
.block_bottom
{
    background-image : url(images/block_dm.gif);
    background-repeat : repeat-x;
    width : 100%;
    height : 21px;
}
.block_bottom_r
{
    float : right;
}
.block_bottom_l
{
    float : left;
} 
_____________________________________


תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #7  
ישן 01-07-2007, 12:31
צלמית המשתמש של MatiM
  משתמש זכר MatiM MatiM אינו מחובר  
 
חבר מתאריך: 12.04.06
הודעות: 2,021
שלח הודעה דרך MSN אל MatiM
בתגובה להודעה מספר 6 שנכתבה על ידי tnadav1 שמתחילה ב "שלחתי קישור, יותר טוב לא? בכל..."
אני מקווה שהסתכלתי על המקום הנכון בCSS,

בכל אופן ראיתי שרשמת:
repeat-x

במקום
repeat-y

כפי שהוצע על ידי Web, כתגובה לנושא (וציינת שכבר קיים).

ייתכן וזה יעזור אם תשנה.
_____________________________________
תמונה שהועלתה על ידי גולש באתר ולכן אין אנו יכולים לדעת מה היא מכילה

תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #8  
ישן 01-07-2007, 14:56
צלמית המשתמש של tnadav1
  משתמש זכר tnadav1 tnadav1 אינו מחובר  
 
חבר מתאריך: 02.10.05
הודעות: 2,355
שלח הודעה דרך MSN אל tnadav1
בתגובה להודעה מספר 7 שנכתבה על ידי MatiM שמתחילה ב "[color=black]אני מקווה..."
לא.. repeat-x זה בשביל הרקע של הדף, לא של גוף הדף... יכול להיות שזה גורם לבעיה?
בכל מקרה, שמתי לב שבפיירפוקס הדף בכל זאת לא נראה בסדר.. הבלוקים עולים אחד על השני.

בקיצור מה שקורה פה זה שהדפדפן מפרש את 100% כהאורך שהדפדפן יכול להציג ללא גלילה, וכאשר אני גולל, אז זה מפסיק להימתח, השאלה היא איך אפשר להגדיר שהאורך יימתח למטע עד הסוף האמיתי של הדף.

בכל מקרה ניסיתי לשנות את זה ל- repeat-y וזה לא ממש עזר..
_____________________________________


נערך לאחרונה ע"י tnadav1 בתאריך 01-07-2007 בשעה 15:07.
תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #9  
ישן 05-07-2007, 19:01
צלמית המשתמש של tnadav1
  משתמש זכר tnadav1 tnadav1 אינו מחובר  
 
חבר מתאריך: 02.10.05
הודעות: 2,355
שלח הודעה דרך MSN אל tnadav1
בתגובה להודעה מספר 1 שנכתבה על ידי tnadav1 שמתחילה ב "בעיה ב- CSS: האתר לא נמתח עד הסוף"
לא יכולתי לערוך, אבל הכתובת עברה ל-
http://tnadav1.100webspace.net/nofit
_____________________________________


תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #10  
ישן 05-07-2007, 21:02
  DCD DCD אינו מחובר  
 
חבר מתאריך: 17.05.05
הודעות: 7,321
בתגובה להודעה מספר 1 שנכתבה על ידי tnadav1 שמתחילה ב "בעיה ב- CSS: האתר לא נמתח עד הסוף"
תוסיף את זה רק ב-HTML (לא במסמך CSS שלך):

קוד:
<!--[if gte IE 5.5]>
	<![if lt IE 7]>
		<style type="text/css">
div#site
{
	right: auto; bottom: auto;
	height: expression(  ( ( ignoreMe = document.documentElement.scrollTop || document.body.scrollTop ) + ( ignoreMe2 = document.documentElement.clientHeight || document.body.clientHeight) - site.offsetTop  ) + 'px' );
}
		</style>
	<![endif]>
<![endif]-->
תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #11  
ישן 06-07-2007, 00:10
צלמית המשתמש של tnadav1
  משתמש זכר tnadav1 tnadav1 אינו מחובר  
 
חבר מתאריך: 02.10.05
הודעות: 2,355
שלח הודעה דרך MSN אל tnadav1
בתגובה להודעה מספר 10 שנכתבה על ידי DCD שמתחילה ב "תוסיף את זה רק ב-HTML (לא..."
זה יעבוד רק ב- IE 7 לא? אין לי IE 7 בשביל לבדוק את זה...
_____________________________________


תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #12  
ישן 06-07-2007, 00:57
  DCD DCD אינו מחובר  
 
חבר מתאריך: 17.05.05
הודעות: 7,321
בתגובה להודעה מספר 11 שנכתבה על ידי tnadav1 שמתחילה ב "זה יעבוד רק ב- IE 7 לא? אין..."
זה בשביל IE6

חוץ מזה, אחרי שהוספתי את הקוד הנ"ל, בדקתי את האתר והוא עובד גם ב-IE7 וגם ב-IE6.

IE7 לא צריך את הקוד שנתתי לך, ב-IE7 הבאג הזה תקין, להבדיל מ-IE6.

השורה הבאה:
קוד:
<!--[if gte IE 5.5]>


שואלת אם הדפדפן הוא IE וגירסתו גדולה או שווה ל- 5.5
והשורה הבאה:
קוד:
	<![if lt IE 7]>


גם שואלת אם הדפדפן הוא IE וגירסתו קטנה מ-7.

לכן מה שנשאר זה בעיקר גירסה 6.

Source:
http://www.javascriptkit.com/dhtmltutors/csshacks.shtml
נערך לאחרונה ע"י DCD בתאריך 06-07-2007 בשעה 01:01.
תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #13  
ישן 06-07-2007, 11:08
צלמית המשתמש של tnadav1
  משתמש זכר tnadav1 tnadav1 אינו מחובר  
 
חבר מתאריך: 02.10.05
הודעות: 2,355
שלח הודעה דרך MSN אל tnadav1
בתגובה להודעה מספר 12 שנכתבה על ידי DCD שמתחילה ב "[B]זה בשביל IE6[/B] חוץ מזה,..."
הממ. נחמד

איך פותרים את הבעיה בפיירפוקס?
_____________________________________


תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #14  
ישן 06-07-2007, 12:58
  DCD DCD אינו מחובר  
 
חבר מתאריך: 17.05.05
הודעות: 7,321
בתגובה להודעה מספר 13 שנכתבה על ידי tnadav1 שמתחילה ב "הממ. נחמד :) איך פותרים את..."
אממ....איזה בעיה יש בפיירפוקס?

אני בדקתי אתמול וגם עכשיו אני בודק וזה נראה מצוין. הרקע נמתח כמו שצריך.

הבעיה הזו ידועה רק ב-IE עד כמה שהספקתי לבדוק.
תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #15  
ישן 06-07-2007, 14:23
צלמית המשתמש של tnadav1
  משתמש זכר tnadav1 tnadav1 אינו מחובר  
 
חבר מתאריך: 02.10.05
הודעות: 2,355
שלח הודעה דרך MSN אל tnadav1
בתגובה להודעה מספר 14 שנכתבה על ידי DCD שמתחילה ב "אממ....איזה בעיה יש..."
בפיירפוקס יש את אותה בעיה, רק בעוד ש- IE מותח את ה- DIV, בפיירפוקס התוכן עולה אחד על השני
_____________________________________


תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #16  
ישן 06-07-2007, 14:31
  DCD DCD אינו מחובר  
 
חבר מתאריך: 17.05.05
הודעות: 7,321
בתגובה להודעה מספר 15 שנכתבה על ידי tnadav1 שמתחילה ב "בפיירפוקס יש את אותה בעיה, רק..."
אני לא ממש מצליח לשים לב למה שאתה אומר, צילמתי תמונת מסך של האתר שלך דרך FF, הנה התמונה שקיבלתי:
https://2007-uploaded.fresh.co.il/2...06/83439338.jpg

שים לב שה-scrollbar מגולגל עד הסוף למטה, וגם הרקע נמתח כמו שצריך.

בנוסף אין שום בעיה של טקסטים שעולים אחד על השני.

עריכה:
אהה... עכשיו הבנתי...הבלוקים עולים אחד על השני והסוף של הבלוקים ה-1 וה-2 לא נראה.
אוקי אני בודק את זה...
תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #17  
ישן 08-07-2007, 22:01
  DCD DCD אינו מחובר  
 
חבר מתאריך: 17.05.05
הודעות: 7,321
בתגובה להודעה מספר 15 שנכתבה על ידי tnadav1 שמתחילה ב "בפיירפוקס יש את אותה בעיה, רק..."
עשיתי בדיקות ומה שצריך לעשות בנוגע למוזילה (שיכול לפתור כנראה גם את הבעיות בדפדפנים אחרים) זה לתחום את כל תוכן ה-div שה-id שלו הוא "site" בטבלה, כשב-td אחד של הטבלה תכניס את:
קוד:
<div id="shadow_left"></div>


וב-td השני תכניס את שאר התוכן של ה-div שה-id שלו הוא "site".

כלומר, טבלה עם 2 תאים באותה השורה תגרום למתיחת האתר כמו שצריך ולכך שהבלוקים לא יעלו אחד על השני.

בנוסף יש בעיה קטנה. בחלק הבא ב-CSS:
קוד:
.block
{
    margin-top : 5px;
    height : 200px;
    margin-right : 5px;
    float : left;
}


הגדרת גובה לכל מי ששם ה-class שלו יהיה "block". כלומר הגדרת גובה ספציפי לבלוקים של ה-div שעולים אחד על השני.
בגלל שהגדרת גובה ספציפי ובגלל שגובה התוכן של ה-div שה-class שלו הוא "block" הוא גדול מהגובה שהגדרת, יש את הבעיה שהבלוקים עולים אחד על השני (אני חושב שזאת הסיבה שזה קורה).

אחרי שהגדרתי את זה כ-auto הבעיה הסתדרה. (אבל חזרה בעית המתיחות של האתר, שאותה אמרתי לך איך לפתור - עם טבלאות).
תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
תגובה
« לאשכול הקודם | לאשכול הבא »

כלי אשכול חפש באשכול זה
חפש באשכול זה:

חיפוש מתקדם
מצבי תצוגה דרג אשכול זה
מצב כלאיים מצב כלאיים
דרג אשכול זה:

מזער את תיבת המידע אפשרויות משלוח הודעות
אתה לא יכול לפתוח אשכולות חדשים
אתה לא יכול להגיב לאשכולות
אתה לא יכול לצרף קבצים
אתה לא יכול לערוך את ההודעות שלך
קוד vB פעיל
קוד [IMG] פעיל
קוד HTML כבוי
מעבר לפורום



כל הזמנים המוצגים בדף זה הם לפי איזור זמן GMT +2. השעה כעת היא 17:45

הדף נוצר ב 0.18 שניות עם 10 שאילתות
צור קשר - Fresh - למעלה

הפורום מבוסס על vBulletin, גירסא 3.0.6
כל הזכויות לתוכנת הפורומים שמורות © 2024 - 2000 לחברת Jelsoft Enterprises.
כל הזכויות שמורות ל Fresh.co.il ©

צור קשר | תקנון האתר