Få div til å fylle hele skjermen i alle nettlesere

[Kimmeham]

#header {
position:absolute;
margin:0px;
padding:0px;
top:0%;
width:100%;
height:28%;
background-image: url(bg.png);
}

Dette er et div jeg vil skal fylle hele skjermen. Det gjør det forsovet, men det virker som det settes en automatisk padding på venstresiden av skjermen.

Dessuten ser det ut som om divet er midtstillt i IE, men det kommer av at det er 1-2% forskjell på hva Opera og IE mener er 100%.

Kan jeg bruke noe form for else i CSS for å få eventult folk som bruker Opera til å få sin 100%, og folk som bruker IE sin 100% også videre? Eller er det et fornuftig svar på problemet?

Valideringen jeg utførte viser at det ikke er noe gale med hverken CSSen eller HTMLen som påvirker dette divet, det er kun noe med nyhetsscriptet, som ikke jeg kan gjøre noe med.

Hjemmesiden min ser slik ut (det grønne er dvet jeg slter med)

Endret 18. mars 2006 av Kimmeham

[qualbeen]

legg til øverst i css-dokumentet

*{
   padding:0;
   margin:0;
}

[Kimmeham]

Åååå det gikk!

Men det oppstod et nytt problem: Når jeg satte inn margin:0; så ble all teksten tjoret inni hverandre, uten linjeskift...

Noen løsning på det anyone?

[JohnRichard]

Uten at jeg vet hvordan du har formatert teksten din er det bare legge til margin, padding, letter-spacing eller line-hieght for å formatere tekst og avsnitt akkurat slik du selv vil

[bosannes]

legg til øverst i css-dokumentet

*{
   padding:0;
   margin:0;
}

5775815[/snapback]

Stjerna definerer alt elns?

[qualbeen]

Stjerna definerer alt elns?

5786059[/snapback]

Jupp. Viktig å plassere den helt på topp i css-dokumentet, slik at man senere kan "overkjøre" disse med nye verdier på ønskede div/class.

[endrebjo]

Åååå det gikk!

Men det oppstod et nytt problem: Når jeg satte inn margin:0; så ble all teksten tjoret inni hverandre, uten linjeskift...

Noen løsning på det anyone?

5775886[/snapback]

p {
padding: 5px 0 10px 0; /* topp høyre bunn venstre */
}

li {
padding: 10px 0 10px 20px; /* topp høyre bunn venstre */
}

 

osv...

Endret 21. mars 2006 av endrebjorsvik

[Arve Systad]

"Universalregelen" som har blitt posta over her er gjerne smart å ha som rutine å plassere i CSS-dokumenta dine. Det gir deg rett og slett betre kontroll på alt du gjer. Du slepp alle problem relaterte til margin/padding, og alt vil til større grad bli likt i nettlesarar når du sjølv bestemmer kor store margane dine skal vere.

 

Det blir kanskje meir kode til saman i dokumentet om du må plassere margin/padding i "alle" elementa, men til gjengjeld har du 100% kontroll på alt som skjer på sida di når det kjem til layouten.

 

Og ja, som du seier, stjerna fortel nettlesaren at "denne stilregelen skal gjelde for alt, med mindre det blir bestemt noko anna seinare i dokumentet".

[Even.]

"Universalregelen" som har blitt posta over her er gjerne smart å ha som rutine å plassere i CSS-dokumenta dine. Det gir deg rett og slett betre kontroll på alt du gjer. Du slepp alle problem relaterte til margin/padding, og alt vil til større grad bli likt i nettlesarar når du sjølv bestemmer kor store margane dine skal vere.

 

Det blir kanskje meir kode til saman i dokumentet om du må plassere margin/padding i "alle" elementa, men til gjengjeld har du 100% kontroll på alt som skjer på sida di når det kjem til layouten.

 

Og ja, som du seier, stjerna fortel nettlesaren at "denne stilregelen skal gjelde for alt, med mindre det blir bestemt noko anna seinare i dokumentet".

5789379[/snapback]

 

IE har jo det med å halvere marginen, noen som har noen hacks for dette?

[bosannes]

IE har jo det med å halvere marginen, noen som har noen hacks for dette?

5790101[/snapback]

Margen på hva? Hørtes merkelig ut

[Even.]

IE pleier å halvere marginen på float-elementer. Man må bruke !important hacken for å fikse det.