Gå til innhold

CSS dynamisk høyde

Tobba

Av Tobba
i Programmering og webutvikling

Anbefalte innlegg

Tobba

Tobba

Skrevet
Skrevet

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?

Lenke til kommentar

Videoannonse

Videoannonse
Annonse
qualbeen

qualbeen

Skrevet
Skrevet

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%)

Lenke til kommentar
Tobba

Tobba

Skrevet
  • Forfatter
Skrevet

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

Lenke til kommentar
funkweb

funkweb

Skrevet
Skrevet
#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%;

}

Lenke til kommentar
Cucum(r)

Cucum(r)

Skrevet
Skrevet
#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%;

}

 

:)

Lenke til kommentar
Tobba

Tobba

Skrevet
  • Forfatter
Skrevet

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.

Lenke til kommentar
Tobba

Tobba

Skrevet
  • Forfatter
Skrevet

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 :)

Lenke til kommentar
Tobba

Tobba

Skrevet
  • Forfatter
Skrevet

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

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
Gå til emneliste
×
×
  • Opprett ny...