Klarer ikke angi 100% høyde på to elementer

[carro]

Heisann!

 

Driver og plundrer med ei ny hjemmeside i disse dager. I den forbindelse bruker jeg utelukkende CSS til å definere designet. Problemet mitt er at jeg ikke klarer å definere 100% høyde på to elementer som jeg vil skal strekke seg etter hvor lang teksten er (altså mørkegrå strek til venstre og lysegrå til høyre).

 

Siden ser foreløpig slik ut: http://www.teinum.no/carro

 

Dette er CSS-koden:

 

body {

 

font-family: Verdana,Arial,sans-serif;

color: #333333;

line-height: 1.166;

margin: 0px;

padding: 0px;

background-color: #F3F4EC;

}

 

 

 

 

 

a{

color: #666666;

text-decoration: none;

}

 

a:link{

color: #666666;

text-decoration: none;

}

 

a:visited{

color: #B0B1B3;

text-decoration: none;

}

 

a:hover{

color: #CCCCCC;

text-decoration: underline;

}

 

 

 

 

#topp{

color: #bcbcbc;

position: absolute; width: 600px;left: 50;

background-color: #F3F4EC;

}

 

 

 

#strek{

 

position: absolute; left: 669px; width: 10px; top:156px; height: 100%;

background-color: #DEE0CB;

}

 

 

 

#gronnmenylinjeinnhold{

 

position: absolute; left: 50px; width: 616px; top:118px;

background: url(images/gronnmeny.gif);

padding: 7px;

font-family: Verdana,Arial,sans-serif;

font-size: 60%;

font-weight: bold;

color: #778357;

word-spacing: .70em;

}

 

 

 

#gronnmenykant{

 

position: absolute; left: 659px; width: 10px; top:111px;

 

padding: 7px;

font-family: Verdana,Arial,sans-serif;

font-size: 60%;

font-weight: bold;

color: #778357;

word-spacing: .50em;

}

 

 

 

#graakant{

 

position: absolute; width: 550px; top:156px;left:20px;

 

margin: 0px;

padding: 0px;

}

 

 

 

#graakantinnhold {

 

position: absolute; left: 39px; width: 630px; top:156px;

background: url(images/graameny.gif);

margin: 0px;

padding: 4px;

font-family: Verdana,Arial,sans-serif;

font-size: 60%;

color: #FDFCFB;

word-spacing: .40em;

}

 

 

 

 

#graakantstrek{

 

position: relative; left: 22px; width: 18px; top:175px;

background-color: #B8BA9C;

margin: 0px;

height: 100%;

padding: 0px;

}

 

 

 

#innholdbakgrunn{

 

position: absolute; left: 40px; width: 628px; top:175px; height:100%;

background-color: #FFFFFF;

margin: 0px;

padding: 0px;

 

}

 

 

#innhold{

 

position: relative; left: 15px; width: 580px; top:20px; height:100%;

background-color: #FFFFFF;

margin: 0px;

padding: 0px;

 

}

 

 

#menybarhoyre{

 

position: absolute; left: 700px; width: 140px; top: 0px;

background: url(images/bakgrunn.gif);

height: 100%;

margin: 0px;

padding: 0px;

}

 

 

#sistenytt{

 

position: absolute; left: 779px; top: 156px;

margin: 0px;

padding: 0px;

}

 

 

#sistenyttinnhold{

 

position: absolute; left: 679px; top: 176px; width: 110px; height:200px;

background-color: #FDFCFB;

margin: 0px;

padding: 5px;

font-family: Verdana,Arial,sans-serif;

font-size: 80%;

color: #8FB22B;

 

}

 

 

 

 

#sistenyttoverskrift {

 

position: absolute; left: 679px; width: 100px; top:156px;

background: url(images/gronnmeny_liten.gif);

margin: 0px;

padding: 3px;

font-family: Verdana,Arial,sans-serif;

font-size: 60%;

color: #778357;

word-spacing: .40em;

}

 

 

#sistebilder{

 

position: absolute; left: 779px; top: 390px;

margin: 0px;

padding: 0px;

}

 

 

#sistebilderinnhold{

 

position: absolute; left: 679px; top: 410px; width: 110px; height:200px;

background-color: #FDFCFB;

margin: 0px;

padding: 5px;

font-family: Verdana,Arial,sans-serif;

font-size: 80%;

color: #8FB22B;

}

 

 

#sistebilderoverskrift {

position: absolute; left: 679px; width: 100px; top:390px;

background: url(images/gronnmeny_liten.gif);

margin: 0px;

padding: 3px;

font-family: Verdana,Arial,sans-serif;

font-size: 60%;

color: #FDFCFB;

word-spacing: .40em;

}

 

 

----

 

 

Noen som ser hva jeg har gjort galt? Tar gjerne imot kommentarer på selve utseendet også. Er litt i tvil når det gjelder fargene. Synes muligens de er noe blasse.

 

På forhånd tusen takk!

[Loomy]

Offtopic: CSS-koden kan vi finne på siden på egenhånd. Hvis du absolutt må poste den, bruk [ CODE] og [/code]for å gjøre det hele litt mer oversiktlig.

 

Ontopic: Tror denne artikkelen kan være nyttig.