Avatar billede radiohead Nybegynder
14. juli 2007 - 20:07 Der er 6 kommentarer og
1 løsning

Placering af div's til venstre og højre for hinanden.

Ved ikke hvorfor jeg ikke kan få det her til at fungere optimalt -at floate dem virker ikke lige helt optimalt når jeg gør det.. :-? håber i kan hjælpe.

Jeg har et content-div med 2 andre divs i(left_content og right_content).
Ideen er naturligvis, at left_content skal placeres til venstre og right_content til højre.

<div class="content">

<div class="left_content">
</div>

<div class="right_content">
</div>

</div>


Er der en der er venlige, at skrive noget ordentlig CSS til at få dette til at gå op? :)
Avatar billede radiohead Nybegynder
14. juli 2007 - 22:42 #1
Hvis i ikke forstår:
altså, feks skal der være en menu i left_content og selve inholdet af menupunktet i right_content.

håber det gav mere mening sådan?
Avatar billede syvon Nybegynder
14. juli 2007 - 22:58 #2
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<title>Untitled</title>
<style type="text/css">
<!--

.content{
width:600px;
height:100%;
}

.left_content{
width:20%;
height:100%;
border:1px solid #000;
float:left;
}

.right_content{
width:79%;
height:100%;
border:1px solid #000;
float:right;
}
-->
</style>
</head>
<body>
<div class="content">

<div class="left_content">
f<br />
f<br />
f<br />
f<br />
</div>
<div class="right_content">
f<br />
f<br />
f<br />
f<br />

</div>

</div>
</body>
</html>
Avatar billede radiohead Nybegynder
14. juli 2007 - 23:58 #3
ja, det startede jeg også med, men det kollapser selve content-div'et(kun i firefox)

Er det makværk at sætte overflow:hidden på for at undgå det?
Avatar billede syvon Nybegynder
15. juli 2007 - 19:34 #4
så skal du jo bare sætte denne ind i din style

html,body{
height:100%;

}
Avatar billede radiohead Nybegynder
15. juli 2007 - 21:31 #5
hmm - selvom jeg sætter html og body til 100% height, kollapser content-divet stadig i firefox.

I IE er det fint. Nå, der er nok noget rod et eller andet sted i mit kode. Det må jeg se på.

I kan begge lægge et svar, hvis i har lyst
Avatar billede syvon Nybegynder
16. juli 2007 - 20:24 #6
ingen point's her tak
Avatar billede radiohead Nybegynder
07. november 2007 - 20:58 #7
så lukker jeg :)
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