Notifikationer

Markér alle som læst Log ud

torstein Novice

15. august 2003 - 15:11 Der er 12 kommentarer og
1 løsning

hvorledes gøres <div>s lige høje.

Hej.

Jeg er ved at lave en side med css, divs osv. Koden er her:

#leftcol {
background: #c6c8c4 url(images/menubar4.jpg) no-repeat top;
float:left;
width:180px;
height:360px;
border : 1px solid Black;
margin : 20px 0px 0px 0px;
}

Hvordan får jeg min leftcol til at være lige så høj som min indhold?

Synes godt om

gonza.dk Nybegynder

15. august 2003 - 15:13 #1

altså lige så højt som det, der står i din div? fjerner height:360px;

Synes godt om

torstein Novice

15. august 2003 - 15:17 #2

Body+indhold:
body {
margin: 10 0 0 10;
font-family:arial,helvetica,sans-serif;
font-size:11px;
background-color: White;
}

#indhold {
background:#ffe;
border:1px solid black;
padding-bottom:10px;
width:598px;
height : 360px;
margin : 20px 0px 0px 0px;
padding-left : 5px;
}

Synes godt om

torstein Novice

15. august 2003 - 15:23 #3

De 360 px, skal være en min-højde...

Synes godt om

roenving Novice

15. august 2003 - 16:15 #4

min-height:360px;

http://www.w3.org/TR/REC-CSS2/visudet.html#propdef-min-height

Synes godt om

torstein Novice

15. august 2003 - 16:27 #5

Jo, men de bliver ikke lige store af den grund. hvis indhold er højere end min-height, følger leftcol ikke med... Det er problemet

Synes godt om

roenving Novice

15. august 2003 - 16:30 #6

Dit indhold er altså ikke i leftcol ?-)

Så er den eneste løsning at lave noget javascript onload, som checker højden på den ene og sætter højden på den anden !-)

Synes godt om

torstein Novice

15. august 2003 - 16:33 #7

Øv, nå, hvor finder jeg det henne, og er det ikke noget bøvl.

Synes godt om

roenving Novice

15. august 2003 - 16:41 #8

Jo, principielt er det noget bøvl, men ikke særlig svært !-)

<body ... onload="sizeCol()">

<script language="javascript" type="text/javascript">
function sizeCol(){
lcol=document.getElementById("leftcol");
lcol.style.height=document.body.scrollHeight;
}
</script>

-- hvis du har resten af dit indhold udenfor elementer OG ikke har en topbar e.l. -- den skal selvfølgelig trækkes fra ...

Synes godt om

torstein Novice

15. august 2003 - 16:52 #9

jeg har en bodymargin top på 10 px, et banner med højde på 105px og en menu på 20 px. Hvor skal det ind?

Synes godt om

roenving Novice

15. august 2003 - 16:59 #10

Synes godt om

torstein Novice

15. august 2003 - 18:06 #11

roenvig:

Jeg holder mig fra bøvlet, specielt fordi jeg ikke forstår mig på javascript. Men smid et svar som tak for hjælpen.

jeg har lært noget af det (igen i dag).

Synes godt om

roenving Novice

15. august 2003 - 20:06 #12

Jamen velbekomme '-)

Synes godt om

roenving Novice

15. august 2003 - 20:55 #13

-- og tak for points ;~}

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML	18	10/09/202515:07	17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS