Avatar billede hcs89 Nybegynder
23. januar 2009 - 00:24 Der er 2 kommentarer og
1 løsning

div og float virker ikke i ff

CSS:
body{
background-color:black;
text-align:center;
}
#indhold{
width:1000px;
margin-top:20px;
margin-bottom:20px;
margin-left:auto;
margin-right:auto;
position:relative;
padding:10px;
text-align:left;
color:black;
background: white;
border:solid 2px green;
}
#div1 {
height: 200px;
width: 200px;
border: 2px solid green;
background-color: white;
text-align: left;
float: left;
}
#div2 {
height: 200px;
width: 200px;
border: 2px solid blue;
background-color: white;
text-align: left;
float: right;
}
HTML:
<body>
<div id="indhold">
<p>indhold</p>
<div id="div1"><p>div1</p></div>
<div id="div2"><p>div2</p></div>
</div>
</body>

dether virker ikke i firefox?!?!?.. af en eller anden grund sætter den de to div'er nedenunder #indhold... problemet ligger i floatet.. hjælp! hvordan skal jeg så bygge min hjemmeside op? #div1 repræsenterer en menu, mens #div2 repræsenterer den iframe, hvor undersiderne kommer frem...
Avatar billede keysersoze Guru
23. januar 2009 - 02:09 #1
der er rigtig mange ting der ikke virker i firefox - hvis man vel at mærke ikke laver html og det du laver har meget lidt til fælles med html medmindre du har glemt at vise os noget af koden; du har fx hverken et html- eller doctype-tag - og specielt en korrekt doctype er vigtig for ikke at disable store dele af CSS'en.
Avatar billede notes2c Nybegynder
23. januar 2009 - 08:45 #2
Hvis du fortæller hvornår din float stopper, kan browseren regne ud hvor høj indhold. Så sæt en clear div i bunden.

<body>
<div id="indhold">
<p>indhold</p>
<div id="div1"><p>div1</p></div>
<div id="div2"><p>div2</p></div>
<div style="clear:both;"></div>
</div>
</body>
Avatar billede hcs89 Nybegynder
23. januar 2009 - 15:57 #3
det virker fint ja.. tak skal du have :)
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