Div's zentrieren

[Jorgi]

Hallo,

bräuchte kleine Hilfestellung bei der Zentrierung von Div's.

Bin gerade dabei, eine Startseite zu basteln.
Es wird eine Überschriftzeile eingesetzt; darunter sollen vier Grafiken würfelartig (also zwei Grafiken oben nebeneinander und zwei Grafiken unten nebeneinander)angeordnet werden.

Der CSS-Code sieht folgendermaßen aus:
...
/* Startseite */
#start{
padding: 30px;
width: 450px;
margin: auto;
text-align: center;

}

#imgtopleft {
clear: both;
width: 150px;
height: 150px;
border-right: 1px solid #A79355;
border-bottom: 1px solid #A79355;
float: left;
padding: 3px;
margin-top: 20px;
}

#imgtopright {width:150px;
height:150px;
border-bottom:1px solid #A79355;
float:left;
padding:3px;
margin-top:20px;

}


#imgbotleft {clear:left;
width:150px;
height:150px;
border-right:1px solid #A79355;
float:left;
padding:3px;
}
#imgbotright {

width: 150px;
height: 150px;
float: left;
padding: 3px;
}
...

Der HTML-Code sieht folgendermaßen aus:
...
<!-- Textkörper -->
<div id="text">
<p align="center">&nbsp;
<div id="start">
<h3 align="center">
Willkommen auf der Internetpräsenz<br>
&quot;Gesundheit-usw.com&quot;
</h3>
<p>
<div id="imgtopleft">
<img src="images/obst.gif" width="150" height="150" border="0">
</div>
<div id="imgtopright">
<img src="images/strudel.gif" width="150" height="150" border="0">
</div>
<div id="imgbotleft">
<img src="images/schwingung_150.gif" width="150" height="150" border="0">
</div>
<div id="imgbotright">
<img src="images/yinyang_150.gif" width="150" height="150" border="0" >
</div>
<!-- Ende Container "Start" -->
</p>
</div>
<!-- Ende Textkörper -->
...

Mein Problem:
Die Zentrierung funktioniert nicht richtig.
In Opera 7.11 wird der Container "Start" zentriert angezeigt, im IE wird er links-ausgerichtet angezeigt und Mozilla kommt überhaupt nicht damit zurecht.
Wie muss ich das ändern, damit es überall zentriert angezeigt wird?

Ich hätte gerne, dass mein "Würfel" -s.o.- auch im Container "Start" zentriert ausgerichtet ist. Bisher wird er innerhalb des ihn umgebenden Containers links-ausgerichtet angezeigt. Diverse Versuche führten allerdings zu keinem Ergebnis. Hat jemand eine Idee, wie ich das hinkriege?

Bin für jeden Vorschlag dankbar.

Gruß
Jürgen

 

[Quaese]

Hi,

ich habe an Deinem Dokument etwas rumgebastelt. Die Änderungen zu beschreiben
würde zu lange dauern. Aus diesem Grund befindet sich mein Lösungsvorschlag im
Anhang.

Ciao
Quaese

 

[Jorgi]

Hallo Quaese,

vielen Dank für Deine Hilfe.

Habe die zip-Datei heruntergeladen und werde Deine Änderungen ausprobieren.

Sollten Fragen übrig bleiben, melde ich mich wieder.

Ciao

Jürgen