Avatar billede jalaba Nybegynder
20. november 2007 - 20:57 Der er 2 kommentarer

Menu ved siden af indhold

Hvordan laver jeg to <div>-bokse, der står ved siden af hinanden?

Jeg vil ha', at jeg udfylder bredden 100%, så at bruge "float:left;" på begge elementer, og så give dem 15% og 80% er ikke en mulighed (Hvis menuen er 20%, så fungerer det ikke :/).

Jeg ved ikke om man kan gøre noget alá display:block-inline;
Avatar billede soerenlyn Nybegynder
20. november 2007 - 21:10 #1
Dette fylder bredden ud 100% og menuen er 20% ..:

<html>
<head>
</head>
<body style="padding:0;margin:0;">

<div style="width:100%;">
    <div style="background-color:red;float:left;width:20%;">hej</div>
    <div style="background-color:blue;">dig</div>
</div>

</body>
</html>
Avatar billede roenving Novice
20. november 2007 - 22:44 #2
Tjah, i dag virker det i alle browsere, men det er ikke sikkert det virker i morgen ,-(

-- og har du et indhold, der er bredere end de 80% der er afsat virker det heller ikke i dag ...

-- og det bliver lidt sjovt, hvis den anden div fylder flere linjer end den første !-)
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