Avatar billede zurekk Nybegynder
15. oktober 2007 - 14:06 Der er 4 kommentarer og
1 løsning

float clear wha?

Hej Eksperter,

Jeg sidder med det et lille css problem som jeg håbede i kunne hjælpe med.

Jeg har en Main div, Bottom div og en Menu div.
Menu div'en er placeret i Main og er float'et right og Bottom ligger under Main.
Mit problem er bare at når Menu er højere end Main flyder den over både Main og Bottom hvilket er lidt noget lårt =/

Så mit spørgsmål er hvordan får jeg main til konstant at omringe Menu?

<br style="clear:*;" /> i Menu er ikke godt nok, da andet også flyder over, så gerne en løsning som har noget med Main at gøre :)


På forhånd tak!
Avatar billede zurekk Nybegynder
15. oktober 2007 - 14:07 #1
Lavede et eksempel:
http://peecee.dk/?id=73080
Avatar billede neoman Novice
15. oktober 2007 - 14:14 #2
<div id="main">
  <div id="menu" style="float:right ......">
  </div>
  <div id ="cleardiv" style="clear:both;"></div>
</div>
<div id="bottom">
</div>
Avatar billede zurekk Nybegynder
15. oktober 2007 - 14:25 #3
Det virker perfekt, tusind tak!

Smid et svar :)

Og imens kan du evt. fortælle mig kort hvordan clear virker, hvis du har lyst/kendskab til det :)
Fordi nogle gange virker <br style="clear:both;" /> og andre gange ikke, og oftest er jeg nødt til at gætte mig til hvor den skal placeres =/
Avatar billede neoman Novice
15. oktober 2007 - 14:42 #4
http://www.eksperten.dk/spm/795660

og rent umiddelbart det at strække containeren for en floated div vha. af andre elementer end et "clear div" forekommer mig ikke helt konsistent (og det er tænkeligt at det er derfor det ikke virker). Måske kommer en af CSS-eksperterne forbi, med en bedre forklaring end min" forekommer inkonsistent"-ting:)
Avatar billede zurekk Nybegynder
15. oktober 2007 - 15:13 #5
Jamen det er også helt i orden, endnu en gang tak for hjælpen :)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester