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

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

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...