✔ Mehrere Bilder in DIV zentrieren

[daniel2001]

Wie kann ich mehrere IMG mit verschiedener Breite in einem Div mit fester breite zentrieren?
Habe schon vieles versucht, haut aber alles nicht hin.

Die Bilder sollen also vom Rand des Div und zwischen den Bildern die gleichen Abstände haben.

HTML:

<div id="head">
<img src="bild">
<img src="bild">
<img src="bild">
<img src="bild">
<img src="bild">

CSS:

#head
{ 
height: 85px;
width: 900px;
background-color: #333;
}

 

[Maik]

Hi,

grundsätzlich lassen sich die Grafikelemente mit der text-align:center-Eigenschaft für #head horizontal zentrieren.

#head
{
height: 85px;
width: 900px;
background-color: #333;
text-align:center;
}

Ist die Breite der einzelnen Bilder bekannt? Dann liesse sich auf die Restbreite des Elternelements bezogen, der entsprechende horizontale Außenabstand zwischen den einzelnen Elementen ermitteln.

mfg Maik

 

[daniel2001]

Die Breite der Bilder ist nicht immer gleich, kann man trotzdem den Abstand zwischen den Bildern irgendwie aufteilen? Mit text-align:center werden ja nur die Abstände links und rechts aufgeteilt!

 

[Maik]

Darum habe ich auch gefragt, ob denn die Breite der einzelnen Bilder bekannt ist, denn dann gilt die Rechenformel zur Ermittlung des Außenabstandes zwischen den fünf Bildern, sowie zum linken und rechten Rand von #head:

(900px - Gesamtbreite der Bilder) : 6 = x

mfg Maik

 

[daniel2001]

Ich werde versuchen, die Bilder immer im passenden Format mit den gleichen Größen einzustellen, dann sollte das zentrieren auch klappen!

Danke für die Tipps!