בעיה מציקה..ב HTML+CSS בשימוש ב DIV - הוסטס

Cream · 21-08-07, 01:46

אוקיי החלטתי להגיד יפה שלום לtables ולהתחיל להשתמש ב div כי הבנתי שזה חוסך במשאבים...
אבל זה ממה לא חוסך בעצבים חחחח

קיצר אתר שלי שהוא מין פורטל..בנויי ככה:

header (זה יענו ראש העמוד כל הקטע של לוגו..לא HEAD של HTML)

data (זה בלוקים ותפריטים בצד ימין...וגם מידע עצמו שמופיע בצד שמאל...)

ולבסוף footer שזה בתחתית של האתר...
אז ככה הבעיה שלי היא רק בדפדפן פיירפוקס באקספלורר 6 זה פועל בסדר (ב7 לא בדקתי עדיין בינתיים אני עושה התאמה רק ל אקספלורר 6 ופיירפוקס 2) אז הבעיה היא בפיירפוקס...

שמשום מה ה footer שהוא גם אגב DIV קופץ למעלה...להתחלה של DATA והוא נמצא מתחת לDATA...משהו הזויי ביותר...הנה תמונה של זה:

זה מסומן בעיגול..

http://www.veep.co.il/files/4910835047.jpg

ועוד בעיה דומה שעשיתי מין משהו כזה:

HTML קוד:

<div style="width: 800px">
   <div style="float: right">
      BLABLABLA
   </div>
   <div style="float: left">
      BLABLABLA
   </div>
</div>

<div style="width: 800px">
   <div style="float: right">
      BLABLABLA
   </div>
   <div style="float: left">
      BLABLABLA
   </div>
</div>

וככה כמה וכמה פעמים...וDIV ימני עולה לי למעלה כל הזמן...הראשון בסדר..השני פחות או יותר בסדר וכל השאר כבר עולים למעלה משום מה.. :=\
הנה תמונה של הבעיה:
http://www.veep.co.il/files/4583734018.jpg

הבנתי שיש איזה קטע של DIV שתופס מקום וDIV שלא תופס..אשמח לפתרון של הבעיה...

Gal Shafrir · 21-08-07, 02:24

בקשר לבעיה הראשונה תנסה לעשות min-height (גובה מינימאלי) ל-DATA,
אני מניח שזה יעזור, ובקשר לבעיה השניה (שאין לי משוג כמעט בקשר לפתרון אבל בכל מקרה אני אנסה)
תנסה להוריד אותו בעזרת margin-top ואז תצמיד אותו לdiv התחתון בעזרת margin-bottom: 0, או משהו כזה

בהצלחה

**Daniel** · 21-08-07, 09:37

בגלל שכל הדברים האחרים ב-FLOAT, הם "מרחפים", אז הוא עולה עליהם/מתחתיהם.

meshuga · 21-08-07, 09:50

תשים לfooter את המאפיין:
clear:both במידה והוא DIV שאמור להיות DIV רגיל ללא ריחוף...
זה לדעתי יסדר..ותבדוק, אולי זה גם קשור לבעיות האחרות, לא היה לי זמן להתעמק.

Cream · 21-08-07, 14:12

ציטוט:

נכתב במקור על ידי meshuga

תשים לfooter את המאפיין:
clear:both במידה והוא DIV שאמור להיות DIV רגיל ללא ריחוף...
זה לדעתי יסדר..ותבדוק, אולי זה גם קשור לבעיות האחרות, לא היה לי זמן להתעמק.

תודה רבה! מה שאמרת זה עזר

21-08-07, 01:46	# 1
Cream חבר מתקדם מיני פרופיל תאריך הצטרפות: Apr 2007 מיקום: ראשון לציון גיל: 38 הודעות: 577	בעיה מציקה..ב HTML+CSS בשימוש ב DIV אוקיי החלטתי להגיד יפה שלום לtables ולהתחיל להשתמש ב div כי הבנתי שזה חוסך במשאבים... אבל זה ממה לא חוסך בעצבים חחחח קיצר אתר שלי שהוא מין פורטל..בנויי ככה: header (זה יענו ראש העמוד כל הקטע של לוגו..לא HEAD של HTML) data (זה בלוקים ותפריטים בצד ימין...וגם מידע עצמו שמופיע בצד שמאל...) ולבסוף footer שזה בתחתית של האתר... אז ככה הבעיה שלי היא רק בדפדפן פיירפוקס באקספלורר 6 זה פועל בסדר (ב7 לא בדקתי עדיין בינתיים אני עושה התאמה רק ל אקספלורר 6 ופיירפוקס 2) אז הבעיה היא בפיירפוקס... שמשום מה ה footer שהוא גם אגב DIV קופץ למעלה...להתחלה של DATA והוא נמצא מתחת לDATA...משהו הזויי ביותר...הנה תמונה של זה: זה מסומן בעיגול.. http://www.veep.co.il/files/4910835047.jpg ועוד בעיה דומה שעשיתי מין משהו כזה: HTML קוד: <div style="width: 800px"> <div style="float: right"> BLABLABLA </div> <div style="float: left"> BLABLABLA </div> </div> <div style="width: 800px"> <div style="float: right"> BLABLABLA </div> <div style="float: left"> BLABLABLA </div> </div> וככה כמה וכמה פעמים...וDIV ימני עולה לי למעלה כל הזמן...הראשון בסדר..השני פחות או יותר בסדר וכל השאר כבר עולים למעלה משום מה.. :=\ הנה תמונה של הבעיה: http://www.veep.co.il/files/4583734018.jpg הבנתי שיש איזה קטע של DIV שתופס מקום וDIV שלא תופס..אשמח לפתרון של הבעיה... __________________ טראנס , פסיכודאלי , מסיבות , טבע

21-08-07, 02:24	# 2
Gal Shafrir חבר וותיק מיני פרופיל תאריך הצטרפות: Oct 2005 הודעות: 1,626	בקשר לבעיה הראשונה תנסה לעשות min-height (גובה מינימאלי) ל-DATA, אני מניח שזה יעזור, ובקשר לבעיה השניה (שאין לי משוג כמעט בקשר לפתרון אבל בכל מקרה אני אנסה) תנסה להוריד אותו בעזרת margin-top ואז תצמיד אותו לdiv התחתון בעזרת margin-bottom: 0, או משהו כזה בהצלחה __________________ בברכה, גל שפריר - מעצב ומפתח אתרים. עופר שפריר - במאי, תסריטאי ומפיק.


	ההרשמה לפורום נפתחה - אפשרות רישום לכל אימייל (דומיינים פרטיים, gmail, הוטמייל..)!

21-08-07, 09:37	# 3
Daniel אחראי פורום מיני פרופיל תאריך הצטרפות: Mar 2007 הודעות: 2,875	בגלל שכל הדברים האחרים ב-FLOAT, הם "מרחפים", אז הוא עולה עליהם/מתחתיהם.

21-08-07, 09:50	# 4
meshuga הנהלת הפורום לשעבר מיני פרופיל תאריך הצטרפות: Oct 2005 גיל: 34 הודעות: 7,601	תשים לfooter את המאפיין: clear:both במידה והוא DIV שאמור להיות DIV רגיל ללא ריחוף... זה לדעתי יסדר..ותבדוק, אולי זה גם קשור לבעיות האחרות, לא היה לי זמן להתעמק.

חברים פעילים הצופים באשכול זה: 1 (0 חברים ו- 1 אורחים)