Goedemiddag,
Zit het met het volgend probleem;
Ben bezig met het ontwerp van een website. Vroeger deed ik alles in tabellen, alles fixed zodat het resultaat er idem uit zag vor zowel Mac als Windows. Om up to date te blijven - met de nieuwe trends wat webdesign betreft - ben ik overgstapt om alles in CSS op te bouwen. (zoveel ken ik er dus nog niet van) Alleen zit je hier blijkbaar met het probleem dat het resultaat niet meer hetzelfde is op Mac als op Windows.
Concreet: http://www.welkenhuizen.be/test/
In bovenstaand probeer ik een div te centreren zodat de site steeds mooi in het midden van je browser hebt staan. Voor Mac klopt dit ook in mijn voorbeeld. Maar als je op Windows kijkt en je maakt je venster kleiner. Dan schuift het rode vlak links uit het venster.. wat niet de bedoeling is uiteraard.
Hoe kan ik dit oploossen dat dit voor beide platformen hetzelfde resultaat geeft.
Hieronder de gebruikte CSS:
#centering {
width:100%;
text-align:center;
position:fixed;
}
#container {
width: 750px;
position: relative;
left: 50%;
margin-left: -375px; /* half the width of the div */
}
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: normal;
background-color:333333;
color: #FFFFFF;
margin:0px;
background-image:url(images/bgrslice.jpg);
background-repeat:repeat-x;
background-position:top;
min-width:750px;
}
#logo
{
width:412px;
height:158px;
}
Iemand een idee?
Alvast bedankt.
Gast
