css problem med hjemmesiden min

[danweb.cjb.net]

Hei.

 

jeg har laget en side med css og div's. bruker php for å printe ut inneholdet i

.innehold

 

det jeg lurer på er hvordan man får siden til utvide seg nedover med teksten slik at jeg ikke får en scroll i .innehold! håper på svar her er css kodinga.

 

body {
background-color:E3ECDD;
font-size: 12px;
line-height : 1.4em;
font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; 
text-align:center;
}

h1{
color:#fff;
padding-top:15px;
}

a:link  {color: #000; text-decoration: none;}
a:active  {color: #000; text-decoration: none; }
a:visited {color: #000; text-decoration: none;}
a:hover {color: #EDDA06;}

#side {
border-right: #fff 1px solid; 
border-top: #fff 1px solid; 
border-left: #fff 1px solid; 
border-bottom: #fff 1px solid; 
margin-left: auto; 
margin-right: auto; 
margin-top:auto;
position: relative; 
width: 750px; 
height:600px;
background-color: #B6B692; 
text-align: center;
}

.head {
padding-top:;
margin-top:auto;
margin-left:auto;
margin-bottom:auto;
margin-right:auto;
border-bottom:1px solid #fff;
width: auto;
height: 117px;
background-color:#000;
overflow:hidden;
background-image: url(gfx/head.jpg);
}

.meny {
margin-top:0px;
margin-left:auto;
margin-bottom:auto;
margin-right:auto;
border-right:1px #000 dashed; 
border-bottom:1px #000 dashed;
left: 0px; 
overflow: hidden; 
width: 154px; 
position: absolute;
top:118px;
height: 200px;
background-color:#B6B692;
}

.innehold {
margin-top:auto;
margin-left:auto;
margin-right:auto;
margin-bottom:auto;
left: 155px; 
top: 118px;
overflow: auto; 
width: 593px; 
position: absolute; 
height: auto;
background-color:#B6B692;
}

ul{
padding-top:15px;
font-family:Trebuchet MS, sans-serif;
font-size:1.3em;
line-height:18px;
color:#000;
text-align:left;
}

li{
list-style-image: url(gfx/liste.png)
}

[haugsand]

Det er vanskelig å komme med et svar uten å se sida, men jeg antar at "height:600px;" på #side er synderen.

[danweb.cjb.net]

#side er ramma rund alt. jeg tror også det er synderen.

 

har editert koden litt nå. skifta ut bgc med bgi osv, men wrapperen rundt sida vil ikke fortsette nedover med inneholdet når det blir mye av det.

 

ny kode

 

body {
background-color:#E3ECDD;
font-size: 12px;
line-height : 1.4em;
font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; 
text-align:center;
}

h1{
color:#fff;
padding-top:15px;
font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;

}

h2 {

}



a:link  {color: #000; text-decoration: none;}
a:active  {color: #000; text-decoration: none; }
a:visited {color: #000; text-decoration: none;}
a:hover {color: #EDDA06;}

#side {
border-right: #fff 1px solid; 
border-top: #fff 1px solid; 
border-left: #fff 1px solid; 
border-bottom: #fff 1px solid; 
margin-left: auto; 
margin-right: auto; 
margin-top:auto;
position: relative; 
width: 750px; 
min-height:600px;
background-image: url(gfx/bakgrund.jpg); 
text-align: center;
}

.head {
margin-top:auto;
margin-left:auto;
margin-bottom:auto;
margin-right:auto;
border-bottom:1px solid #fff;
width: auto;
height: 117px;
background-color:#000;
overflow:hidden;
background-image: url(gfx/head.jpg);
}

.meny {
margin-top:0px;
margin-left:auto;
margin-bottom:auto;
margin-right:auto;
border-right:1px #000 dashed; 
border-bottom:1px #000 dashed;
left: 0px; 
overflow: hidden; 
width: 154px; 
position: absolute;
top:118px;
height: 200px;
background-color:#32e323;
}

.innehold {
margin-top:auto;
margin-left:auto;
margin-right:auto;
margin-bottom:auto;
left: 155px; 
top: 118px;
overflow: auto; 
width: 593px; 
position: absolute; 
height: auto;
background-image: url(gfx/bakgrund.jpg); 
}

ul{
padding-top:15px;
font-family:Trebuchet MS, sans-serif;
font-size:1.3em;
line-height:18px;
color:#000;
text-align:left;
}

li{
list-style-image: url(gfx/liste.png)
}

 

er det noen som veit en mulighet.. her ikke anledning til å få lastet opp siden nå....

[haugsand]

Plasser .meny og .innhold med float_left; i stedet for position: absolute;

 

Eksempel

Endret 23. januar 2005 av satyrium

[danweb.cjb.net]

takker! nå fungerer det i IE:yes: , men i Mozilla er det fortsatt som det var i begynnelsen.

 

Siden er ikke klar, bare så det er sagt.. Header er bare der for å fylle opp plassen og fargene er ikke bestemt ennå...

 

trenger BARE hjelp til problemet som er nevet over!

Endret 23. januar 2005 av danweb.cjb.net

[haugsand]

<div id="footer"></div>
</div>
</body>
</html>

div#footer {
clear: left;
}

...Bør fikse biffen.

Endret 23. januar 2005 av satyrium

[danweb.cjb.net]

fiksa ikke biffen

 

fikk det ikke til å fungere har oppdatert sida så du kan se selv

[haugsand]

Fjern height i fra #side, så er det fiksa.

[danweb.cjb.net]

fjerna height som du sa.. mixa å triksa litt, men den blir ikke riktig i Mozilla oss meg.. har du mulighet til å ta et sc for å vise meg hvordan den er oss deg??