Baggrund fylder ikke hele siden i Firefox

Tags:    html css

Hej :)

Jeg er ved at lave en side til gymnasiets festudvalg, og jeg er stødt på et problem mht. baggrunden i Firefox.

Link til siden: http://pephers.linux.dk/heimdal/

Hvis i går ind på nogle af siderne med Firefox, kan det ses at baggrunden stopper ca. der hvor der hvor divsne slutter.

Jeg har brugt floating divs, og jeg har læst at man skal cleare sine floatings divs. Det har jeg så prøvet med
Fold kodeboks ind/udKode 
, med http://www.positioniseverything.net/easyclearing.html og en masse andre, men det hjalp ikke (måske har jeg sat dem forkert ind?). Har brugt ca. 4 timer på det igår, og jeg kan bare ikke regne fejlen ud.

Det virker i IE6 og Safari, og valdiderer XHTML 1.1 og CSS2.1 uden fejl.

Med venlig hilsen
Pephers



8 svar postet i denne tråd vises herunder
2 indlæg har modtaget i alt 2 karma
Sorter efter stemmer Sorter efter dato
Nr1: ville det ikke være lettere bar at lave enderne af bg.png sorte?

Nr2: den er hård... prøv at lave en div der indeholder alt i body. kald den f.eks: container.
prøv så i style.css kun at gøre baggrundsfarven til sort(#000000) og lav så billedcentrering osv. i "container"




så prøv enten med min-height eller at give html-tagget et overflow:auto



kan du ikke bare lave baggrunden i body..

i CSS
Fold kodeboks ind/udKode 





kan du ikke bare lave baggrunden i body..

i CSS
Fold kodeboks ind/udKode 



Min baggrund er sat i body således:

purple.css
Fold kodeboks ind/udKode 


style.css
Fold kodeboks ind/udKode 




Indlæg senest redigeret d. 16.10.2007 17:29 af Bruger #12626

html, body{
height:100%;
}




html, body{
height:100%;
}

Det virkede! Havde aldrig selv kommet i tanke om at sætte height på html taggen :)

Tak for hjælpen!



Indlæg senest redigeret d. 22.10.2007 17:51 af Bruger #12626
Øv :/

Jeg har fundet ud af at det ikke er helt så pragtfuld alligevel. height: 100% giver kun baggrund på det der kan ses. Når man scroller ned, er der stadig ingen baggrund :(



så prøv enten med min-height eller at give html-tagget et overflow:auto

Det hjalp desværre ikke :(



t