Centrera DIV?

6 svar · 510 visningar · startad av streetrobban 6 juli 2009

streetrobbanMedlem sedan jan. 20011 140 inlägg

Frågan6 juli 2009 18:59#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 20019 519 inlägg

6 juli 2009 19:01#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 140 inlägg

6 juli 2009 19:09#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 20019 519 inlägg

6 juli 2009 19:14#4

nollar margin, paddingen i body, html.

streetrobbanMedlem sedan jan. 20011 140 inlägg

6 juli 2009 19:18#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 140 inlägg

6 juli 2009 19:23#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 140 inlägg

6 juli 2009 19:35#7

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

Tack för hjälpen!