Div komt niet goed in het midden

[Maverick2001]

Ik ben met een site bezig maar krijg mijn div met de flash animatie niet precies in het midden.

Bekijk m via:
http://www.juize.nl/p/test.html

Om de achtergrond door te laten lopen gebruik ik repeat-y.. (ik heb deze waarde ook verandert echter hij blijft springen. Als ik m op 48 heb dan is ie fullscreen wel goed maar als ik het scherm op een kleinere resolutie zet niet (zelf draai ik op 1280x1024). De flash animatie die er in zit is als het hoofd div 823px breed.

De opzet voor het ontwerp is alsvolgt:




De volgende CSS heb ik:

body {
margin:0px 0px 0px 0px;
padding:0px;
background: #ffffff url(../images/backgr1.gif) repeat-y 50% 0;
}
#middle {
margin-top: 0px;
top: 0px;
height: 540px;
width: 823px;
margin: auto;
}
#main {
position: relative;
width: 823px;
}

[Rowanov]

Misschien is het handig om dit even toe te passen:

Cascading Stylesheet:

body {
   text-align: center;
}
#middle {
   width: 823px;
   text-align: left;
   margin: 0 auto;
}

Zie ook: http://www.simplebits.com/notebook/2004/09/08/centering.html

[ Voor 17% gewijzigd door Rowanov op 17-11-2005 19:14 ]

[Pixeldude]

Deze vind ik zelf ook altijd wel handig >> http://intensivstation.ch/en/templates/

[Maverick2001]

Rowanov schreef op donderdag 17 november 2005 @ 19:13:
Misschien is het handig om dit even toe te passen:

Cascading Stylesheet:

body {
   text-align: center;
}
#middle {
   width: 823px;
   text-align: left;
   margin: 0 auto;
}

Zie ook: http://www.simplebits.com/notebook/2004/09/08/centering.html

Heb je tips even toegepas echter dat heeft geen effect. Het probleem blijft hetzelfde.
Ik laat de achtergrond wel zo staan als ie is en dan verschuift het middenstukkalsnog als ik de browser resize. Hij blijft dan niet precies in het midden helaas.