webForumDet fria alternativet

Centrera DIV?

6 svar · 510 visningar · startad av streetrobban

streetrobbanMedlem sedan jan. 20011 184 inlägg
#1

Tja!

Jag har sökt på forumet och även på Google utan att lyckas fixa mitt problem.

Jag har en DIV som funkar prima i FF men inte i IE. Jag har en DIV där allt innehåll ligger i, och den DIV:en ska ligga i mitten. Jag har följande lösning, men det funkar inte i IE som sagt. I IE ligger den mer till vänster, som om margin-left är typ 200px.

.background {
  margin-left: auto;
  margin-right: auto;
  width: 1080px;
  height: 100%;
  background-image: url('../images/bg/bg.jpg');
  background-repeat: no-repeat;
}
voigtann1Medlem sedan juni 20018 810 inlägg
#2

har aldrig sett problem med margin-left: auto; margin-right: auto; problem vad kör du för doctype på ditt dokument just nu? Vilken IE pratar du om?

streetrobbanMedlem sedan jan. 20011 184 inlägg
#3

Jag satte <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> och då funkade det bättre. Det är IE 8 jag använder. Nu tillkom dock ett problem att DIV:en inte sträcker sig hela vägen till botten, och i FF blir det en 5px "kant" till toppen :)

voigtann1Medlem sedan juni 20018 810 inlägg
#4

nollar margin, paddingen i body, html.

streetrobbanMedlem sedan jan. 20011 184 inlägg
#5

Jag satte margin: 0px och padding: 0px på BODY så fixade sig toppen. Måste dock lösa så att tabellen sträcker sig hela vägen ner till botten också.

Tack för tipset, såg inte att du hade skrivit det :)

streetrobbanMedlem sedan jan. 20011 184 inlägg
#6

Ska det inte räcka med margin: 0px och padding: 0px på BODY och en tabell som har height: 100% för att den ska nå ner hela vägen till botten?

streetrobbanMedlem sedan jan. 20011 184 inlägg
#7

Det löste sig när jag satte height: 100% på HTML :)

Tack för hjälpen!

Genererad på 383 ms · cache AV · v20260730165559-full.f96bc7eb