Hallo,
Met onderstaande CSS centreer ik mijn website ten opzichte van het browserscherm. Verder gebruik ik een achtergrond waar de content in "container" over heen valt. In FF werkt dit goed, de achtergrond staat precies in het midden en de content in "container" ook. In IE (6 en 7) staat de achtergrond echter precies 1 pixel verder naar rechts dan de content in "container". Het is maar 1 pixel, maar dit stuurt wel mijn ontwerp behoorlijk in de war. Hoe krijg ik het nu voor elkaar om zowel in IE (6 en 7) als FF de achtergrond en de content in "container" precies over elkaar heen te laten vallen?
Met onderstaande CSS centreer ik mijn website ten opzichte van het browserscherm. Verder gebruik ik een achtergrond waar de content in "container" over heen valt. In FF werkt dit goed, de achtergrond staat precies in het midden en de content in "container" ook. In IE (6 en 7) staat de achtergrond echter precies 1 pixel verder naar rechts dan de content in "container". Het is maar 1 pixel, maar dit stuurt wel mijn ontwerp behoorlijk in de war. Hoe krijg ik het nu voor elkaar om zowel in IE (6 en 7) als FF de achtergrond en de content in "container" precies over elkaar heen te laten vallen?
HTML:
html,body {
margin:0px;
padding:0px;
background-image:url(images/Achtergrond.jpg);
background-repeat:repeat-y;
background-position:center;
text-align:left;
}
#container {
margin:0 auto;
width:1000px;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}