---

Jeg har følgende styk kode:

<div id="contents">
   <div id="menu">Menu</div>
<div id="content">Hejsa</div>
</div>

Og følgende styk css:

#contents   {
               border: 1px solid #000000;
               width: 900px;
               height: 100%;
               }

#menu   {
         width: 150px;
         height: 100%;
         background-color: #CCCCCC;
         float: left;
         }
         
#content   {
               height: 100%;
               float: left;
               }

Men får ikke helt det ønskede resultat, da jeg gerne vil have at
"contents" div boksen vokser i højde efter hvad der er inden i
den.

Men istedet får jeg dette resultat:

2005z.frac.dk

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

Jeppe Christensen skrev:

>Men får ikke helt det ønskede resultat, da jeg gerne vil have at
>"contents" div boksen vokser i højde efter hvad der er inden i
>den.

Den gør, hvad du beder om.

Du har ikke defineret, hvad der skal tages 100% af.

Start med at sætte
body, html {100%}
i din css og se, hvad der så sker.

>Men istedet får jeg dette resultat:
>
>2005z.frac.dk

Vær rar, at gøre det klikbart ved at skrive
http://2005z.frac.dk, så slipper vi for at klippe og klistre.

Iøvrigt ingen grund til at poste koden her, den kan vi selv se på
siden.
--
Topposter du svar, dvs. skriver dit svar over det citerede,
så ryger du på min ignoreringsliste.
Svar under det du citerer og citer kun det du svarer på - tak.
http://usenet.dk/netikette/citatteknik.html

---

> Start med at sætte
> body, html {100%}
> i din css og se, hvad der så sker.
>
> >Men istedet får jeg dette resultat:
> >
> >2005z.frac.dk
>
> Vær rar, at gøre det klikbart ved at skrive
> http://2005z.frac.dk, så slipper vi for at klippe og klistre.

Har nu sat:

html   {
         height: 100%;
         }

body   {
         height: 100%;
         padding-left: 0px;
         margin: 0 0 0 0;
         }

Uden noget resultat...


--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

Jeppe Christensen wrote:

>
> html   {
>          height: 100%;
>          }
>
> body   {
>          height: 100%;
>          padding-left: 0px;
>          margin: 0 0 0 0;
>          }
>
> Uden noget resultat...
>
>

Det der med 100 procent højde kan du godt glemme,
browserne har et højst forskelligt forhold til
relative højder.

Hvis du endelig vil have noget højde på, er du nødt til
at bruge et eksplicit mål i em'er eller pixels.

Du left-float'er et #content-element uden bredde. Den går ikke.

Se evt. min artikel

http://www.webdesign101.dk/csslayout/float_layout.php

især måske

http://www.webdesign101.dk/csslayout/ex/float_8.html

--

Med venlig hilsen

Jørgen Farum Jensen
http://www.webdesign101.dk
..

---

On 08-02-2006 20:29 Jeppe Christensen wrote:
> Men får ikke helt det ønskede resultat, da jeg gerne vil have at
> "contents" div boksen vokser i højde efter hvad der er inden i
> den.

Så kan du sætte en ekstra div med clear: both ind efter de to indlejrede
div'er:

<div id="contents">
   <div id="menu">Menu</div>
   <div id="content">Hejsa</div>
   <div style="clear: both;"></div>
</div>

Mikkel

--
"At first just a rustle of canvas
And the gentlest breath on my face
But a galloping line of white horses
Said that soon we were in for a race"
Sting - The Wild Wild Sea

http://www.mzh.dk