1px problem ved centrering af block element
Jeg har et lille problem på præcis 1 pixel, se www.jongbiz.dk/css/Jeg har en baggrund, som er centreret med
background: #fff url("design-1.gif") repeat-y 50% 0%.
og et block element som er centreret med
#block_element {
margin: 0 auto;
width: 764px;
}
Det er så min mening, at ville centrere et block element, som passer med baggrunden. Jeg oplever dog desværre, at Explorer og Firefox har et lille pixel problem som gør, at hvis baggrunden ender på et lige tal (764 pixels), så bliver centreringen af block elementet i forhold til baggrunden 1 pixel upræcis i Explorer, og omvendt ved et ulige tal (765 pixels) i Firefox.
Problemet med Firefox har jeg løst ved at sætte body height til 101%, så scrollbaren skubber block elementet den rette vej. Nu mangler jeg at finde en løsning til Explorer. Jeg kan dog med det samme sige, at jeg ikke fisker vildt efter et hack ala
* html #block_element_2 {
margin-left: 1px;
}
