Bilder anordnen

[planet4]

Hallo,

ich habe 4 Bilder, die in der Mitte der Seite angeordnet werden sollen,
in 2 Reihen, jeweils 2 nebeneinander. Sie ergeben zusammen ein
größeres Bild, also müssen sie dicht zusammenliegen.

Bild_1 Bild_2
Bild_3 Bild_4

sie sind in einem Container, der css-Code dazu sieht so aus:

<style type="text/css">
#center {
	position:absolute;
	left:50%;
	width:577px;
	margin-top: 20px;
	margin-left:-287px;
	padding:0px;
	border:1px solid #cccccc;
	background-color:#ffffff;
}
</style>

darin die Bilder:

<a href=""><img style="float:left" src="Bild_1.jpg" width=289 height=272 border="0" alt=""></a>
<a href=""><img src="Bild_2.jpg" width=289 height=272 border="0" alt=""></a>
<a href=""><img style="float:left" src="Bild_3.jpg" width=289 height=272 border="0" alt=""></a>
<a href=""><img src="Bild_4.jpg" width=289 height=272 border="0" alt=""></a>

Im Firefox werden sie jetzt so angezeigt, wie es sein soll, IE5.5 und Opera zeigen sie
untereinander an (
was ist falsch? wie mach ich das am besten, so dass es in den meisten Browsern funktioniert?

planet4.

 

[womstar]

Mh. Kannst Du nicht einfach nach dem zweiten Bild ein <br /> machen?

 

[planet4]

...nein, das bringt nix, leider.
das Bild steht ja ohnehin schon in einer neuen Zeile, quasi,
also alle werden untereinander angezeigt.
wie würdest du das denn machen, wenn du 4 Bilder so im
Quadrat anordnen solltest?

planet4.

 

[womstar]

ich denke mal 289+289 ist nicht gleich = width:577px; sondern 578. somit müsstest Du das nur etwas größer machen und schon sollte es auch mit einem BR gehen.

 

[planet4]

... oh Mann, ab genau 583 geht's... warum genau ist mir schleierhaft, muss
wohl etwas mit dem Rand vom div zu tun haben...
Vielen Dank!

planet4.