CSS dynamisk høyde

Tobba · 24. januar 2006

Hei

Har en side som fungerer med 100%(Bakgrunnen). I IE utvider den seg hvis siden blir lengre men i FF forblir den bare 100% og utvider seg ikke slik som i IE.

#Hoved
{
min-height: 200%;
height: auto !important;
height: auto;
margin: 0 auto!important;
margin-left:1px;
width: 682px;
background-image: url(images/Fyll.gif);
background-repeat: repeat-y;
background-position: center;

}

html,body
{
height: 100%;
margin: 0;
padding: 0;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
background-image: url(images/bak1.jpg);	
}

Hvordan kan jeg få bakgrunnen(Fyll.gif) utvide seg om siden blir lengre?

qualbeen · 25. januar 2006

jeg ser du har min-height på 200%. Hvorfor det? Jeg forstår ikke helt hvordan det skal fungere, spesielt siden du rett nedenfor re-definerer height til å være auto. Hvis jeg har forstått deg rett så ønsker du at bakgrunnen i #hoved skal gjentas på hele siden. Sett height til 100% du. (OBS: behold height i html,body på 100%)

Tobba · 27. januar 2006

200% Height var bare noe jeg testet. glemte og endre det før jeg la det ut her.

Resultatet blir at bakgrunnen blir 200% i FF samma hva, setter jeg den til 100% så blir den det uansett hvor lang siden blir.

I IE funker det feilfritt.

Har prøvd mye rart men har ikke fått det til og fungere enda

funkweb · 27. januar 2006

#Hoved {
min-height: 100%;

height: 100%;

height: auto !important;

/*

height: auto;

*/

margin: 0 auto!important;

margin-left:1px;

width: 682px;

background-image: url(images/Fyll.gif);

background-repeat: repeat-y;

background-position: center;

}

body, html {

height: 100%;

}

Cucum(r) · 27. januar 2006

#Hoved {
min-height: 100%;

height: 100%;

height: auto !important;

/*

height: auto;

*/

margin: 0 auto!important;

margin-left:1px;

width: 682px;

background-image: url(images/Fyll.gif);

background-repeat: repeat-y;

background-position: center;

}

body, html {

height: 100%;

}

5506779[/snapback]

Eventuelt:

#Hoved {
min-height: 100%;

_height: 100%;

margin: 0 auto!important;

margin-left:1px;

width: 682px;

background-image: url(images/Fyll.gif);

background-repeat: repeat-y;

background-position: center;

}

body, html {

height: 100%;

}

MC2 · 27. januar 2006

_height: 100%;

5506828[/snapback]

hmm, aldri sett det før.. hva betyr understreken?

Cucum(r) · 27. januar 2006

http://www.w3.org/TR/CSS21/syndata.html#tokenization

Tobba · 28. januar 2006

Fikk samme resultat :no:

Siden er fortsatt statisk i FF..

<body>
<div id="Hoved">
<div id="Stripe">
</div> 
 	<div id="Header">
 <div id="Meny"> 
 </div>
 <div id="Text"> 
 </div>	
</div>
</div>
</body>

HTML koden ser slik ut.

Tobba · 31. januar 2006

Problemet er at jeg vil ha en ramme som strekker seg nedover så langt som innholdet er, og ha et mønster som bakgrunn.

Jeg legger da bakgrunnen(mønsteret) i html,body(CSS filen) og så legger jeg rammen i en konteiner som er 600 pixler bred og er på midten av siden.

Det som skjer er at siden funker i IE men i FF så blir rammen bare 100% uansett hvor mye innhold jeg legger inn. rammen skulle hatt fleksibel høyde men dette fungerer ikke i FireFox.

Hvordan har dere løst dette problemet??

Håper noen kan hjelpe meg

Kim T · 31. januar 2006

Regner med det er <div id="text"> som bestemmer høyden på siden? I så fall må du legge dette inn i css stilen din.

#Text {
min-height: 100%;
height: auto !important;
height: 100%;
}

HyperJedi · 31. januar 2006

overflow: auto;

??

Tobba · 31. januar 2006

Hvorfor utvider ikke conteineren seg når en annen conteiner inni utvider seg?

Den bare går utafor den andre..

Har drevet så altfor lenge med detta problemet, jeg skjønner ikke hvorfor det ikke funker :no:

Det må finnes en måte

Logg inn

CSS dynamisk høyde

Anbefalte innlegg

Tobba

Videoannonse

qualbeen

Tobba

funkweb

Cucum(r)

MC2

Cucum(r)

Tobba

Tobba

Kim T

HyperJedi

Tobba

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer