Opera "bommer" med pixler CSS center

[frisyre]

Hei, jeg lager en side der jeg har en body-background som er center, midt på backgrounden er 799px hvitt slik at jeg skal plassere div'en som hele siden skal være inni på rett sted.

 

Dette fungerer perfekt i IE & FF, men Opera "bommer" og dytter hele den div'en 1 eller 2 pixler mer til venstre enn andre browsere.

 

Hvordan får jeg fikset dette?

 

body {
background: #454545 url(images/bg.jpg) no-repeat center top;
margin: 0 auto;
text-align: center;
}

#logo {
width: 100%;
text-align: center;
margin: 0 auto;
}

#content { 
width: 799px;
height: 100%;
margin: 0 auto;
}

#mainpage {
background: #FFF;
width: 100%;
height: 100%;
margin: 0 auto;
margin-top: 50px;
}

 

<link rel="stylesheet" href="stylesheet.css" type="text/css">

<div id="content">

		 <div id="logo"><img src="images/logo.jpg"></div>

		 <div id="mainpage">
		  BLABLABLA
		 </div>

</div>

Endret 11. juni 2008 av frisyre

[Haraldson]

Det er som regel sånt som skjer når du insisterer på å ha et odde antall piksler midtstilt. Gjør den 800px bred, du.

[frisyre]

Har endret det nå, men problemet er der fortsatt ;s

[datech]

Har endret det nå, men problemet er der fortsatt ;s

 

Hei

 

Tror nå problemet er relatert til størrelsen på nettleservinduet, bare prøv å endre størrelse (mindre/større). Når bredden er oddetall så får du avrunding og 1px feil.

 

Hvis det er slik at du har en hvit firkant på bakgrunnen, så er vel en mulighet å fjerne denne hvite firkanten fra bakgrunnsbildet og heller lage den hvite firkanten ved bruk av CSS.