CSS problem, div nøsting

[fjellbar]

Har fått til å nøste sammen designet ved hjelp av div og siden vises rett grafisk, men har ett problem.

 

Når jeg legger til tekst i innholds boksen strekkes ikke siden, teksten kommer over designet.

 

SE HER - <a href='http://brun.fjellbar.com/test/' target='_blank'>http://brun.fjellbar.com/test/</a>

 

PLAN

 

SLIK ER DET BYGGET OPP

 

 

HTML

 

<div class="container">

<div class="head"></div>

<div class="head_img"></div>

<div class="main_menu"></div>

<div class="main">

 <div class="contents">
 
 	<div class="contents_text">
    <p>Contents</p>
    <p>ddfgdfgdfgdfg</p>
    <p>dfgdfg</p>
    <p> </p>
    <p>dfgdfgdfg</p>
    <p>dfgdfg</p>
    <p>dfgdfgdfg</p>
 	</div>	
 </div>
 
 <div class="submenu">
 
 	<div class="submenu_text">Submenu</div>
 </div>
</div>

<div class="foot"></div>

 

Link til CSS dokument

 

Takker for svar!

Endret 9. desember 2006 av fjellbar

[Alxg]

.main {
background-image: url(gfx_04.gif);
background-repeat: repeat-y;
height: 400px;
width: 606px;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
visibility: visible;
overflow: visible;
position: relative;
}

Jeg kom bare fram til en fast høyde

prøvde med auto, men fikk ikke det til å fungere

[Ståle]

prøv body {height:auto;}

og .main {height:auto; }

 

body må være gitt først.

 

du kan eventuelt også prøve:

body { height:100%; }

.main { height:100%; }

[fjellbar]

Løst.. ordnet litt og tok vekk footeren.. Hvordan kan jeg legge den til nederst nå?

 

Se

 

EDIT:

 

Som dere ser er footeren klistret opp under hovedmenyen, den skal komme underst.. Tips?

Endret 9. desember 2006 av fjellbar

[Alxg]

Løst.. ordnet litt og tok vekk footeren.. Hvordan kan jeg legge den til nederst nå?

 

Se

 

EDIT:

 

Som dere ser er footeren klistret opp under hovedmenyen, den skal komme underst.. Tips?

7464903[/snapback]

Jeg kom også fram til det, men fikk ikke footeren på bunnen

[fjellbar]

føler CSS er noe ingen kan helt skikkelig, må bare prøve oss frem

[Kim T]

ha clear:both på footer elementet....

[fjellbar]

ha clear:both på footer elementet....

7470107[/snapback]

 

NICE! funket som en drøm... takker og bukker