בניתי אתר שהעיצוב שלו היה מורכב בעיקר מ fieldset ו div.
החלטתי לעצב את האתר מחדש, ושיניתי במקביל כל fieldset ל div, ואז התחילו כל הבעיות.

מה שיש לי עכשיו זה 5 בלוקים אחד מתחת לשני.
ואני רוצה לסדר אותם בצורה כזאת:

ניסיתי לקבץ את בלוקים 1, 2, 3 בתוך div ולתת לו ערך float:left
אבל אז נוצר משהו כזה:



חיפשתי על כל מיני באגים של float, ומצאתי שצריך לעשות clear:both, ניסיתי כל דרך שעלתה לי לראש ולא הצלחתי.

זה האתר http://imagerecovery.no-ip.org/

אשמח מאוד לקבל כאן עזרה בנושא.

אני לא מצליח לראות איפה הבעיה ולא מצליח למצוא את ה-div'ים הרלונטים..

לא מצאתי שום div עם הגדרה של float (עד כמה שחיפשתי)

ה-div'ים האלה אמורים להיות בתוך ה-div עם class של container, נכון?

נסה לשנות את הקוד כך שאוכל לראות את הבעיה (אם עדיין לא עשית זאת)

כדי לה להסתבך בקוד של האתר יצרתי קובץ HTML נפרד לעשות עליו ניסויים:
https://2009-uploaded.fresh.co.il/2...0/61900169.html

הצלחתי לעשות בערך את מה שרציתי, אבל בגלל שעשיתי את ה div אחד עד חמש בהגדרת float, זה מחייב את שאר ה div להיות עם אותה הגדרה (אחרת זה יוצר בעיות שונות בIE ובFF)...
כמו בקובץ שהעלתי ורואים בו את בלוק מס' 6 מתפרק לו...

זאת בעיה כי יש לי הרבה div נוספים חוץ מהבלוקים באתר, ואני לא מתכוון להגדיר אותם אחד אחד כ float:left...

עריכה: התעסקתי עם האתר ובסוף הצלחתי, אבל לא ממש הבנתי למה הצלחתי :S

עריכה2: זה הקובץ המתוקן https://2009-uploaded.fresh.co.il/2...0/67572663.html

לא כל ה-div'ים מחייבים הגדרה של float

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

הקוד שכתבת מבוצע כמו שצריך.
אלמנט האב של 1,2,3 בעל הגדרת float ולכן צף שמאלה.
אלמנט 4 בעל הגדרת float, ולכן הוא צף באותה הרמה של האלמנטים 1,2,3, ולכן גם לא מבוצע דריסה של האלמנט 4 ע"י האלמנטים האחרים הצפים.
אלמנט 5 בעל הגדרת clear (שלפי דעתי אולי תרצה לשנותה ל- clear:both) כדי "לנקות" את האלמנטים הצפים מהצד שבחרת (צד שמאל). ב-"לנקות" הכוונה היא שההתנהגות הצפויה לגבי אלמנטים צפים כפי שכתבתי בשורה השנייה שבפיסקה הראשונה תיחשב כמבוטלת.

ולכן הקוד עובד טוב :]

תודה