הוסטס - פורום אחסון האתרים הגדול בישראל - בעיה מציקה..ב HTML+CSS בשימוש ב DIV

- פורום תיכנות (https://hosts.co.il/forums/forumdisplay.php?f=14)

- - בעיה מציקה..ב HTML+CSS בשימוש ב DIV (https://hosts.co.il/forums/showthread.php?t=52469)

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

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

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

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 שלא תופס..אשמח לפתרון של הבעיה...

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

בהצלחה

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

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

ציטוט:

נכתב במקור על ידי meshuga (פרסם 545595)

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