Grafiken im Banner ausrichten

[jen]

Hallo zusammen,

meine Homepage hat oben ein Art Banner.

Er besteht aus drei Grafiken und einem schwaren Hintergrund.

css:

  
div#kopf {  
margin: 0 0 1em;  
width: 78em;  
background-color: #000000;  
border: 1px; border-color:#ffffff; border-style: solid;  
height:11.3em;  
}  
  
div#links{  
height:11.3em;  
text-align:left;  
float:left;  
}  
  
div#mitte{  
height:11.3em;  
text-align:middle;  
float:left;  
}  
  
div#rechts{  
height:11.3em;  
text-align:right;  
float:right;  
}

index:

  
<div id="kopf">  
  <div id="links"><img src="./pics/links.jpg"></div>  
  <div id="mitte"><img src="./pics/mitte.jpg"></div>  
  <div id="rechts"><img src="./pics/rechts.jpg"></div>  
  </div>

Die Grafiken sollen rechts, mittig und links ausgerichtet werden.
Das mit rechts und links funktioniert ja, aber mittig nicht.
Wenn Möglich soll die mittlere Grafik mittig zu den anderen sein. Also zu den anderen Grafiken rechts und links der gleiche Abstand.

Was mache ich falsch?

Bitte um Hilfe.

Lg jen

[Freddy]

text-align: center

[jen]

text-align: center

Funktioniert leider auch nicht!

[Freddy]

Würde ich die Orginal-Grafiken kennen könnte ich dir bestimmt besser weiterhelfen.

Ich verstehe dazu deinen Code nicht ganz? Ich find ihn bisschen durcheinander.

Positioniere die div's doch einfach an die richtige stelle.

[Marc]

Hallo,

lass dein css wie es ist und ändere dein html zu

<div id="kopf">  
  <div id="mitte">  
    <img src="./pics/mitte.jpg">  
    <div id="links"><img src="./pics/links.jpg"></div>  
    <div id="rechts"><img src="./pics/rechts.jpg"></div>  
  </div>  
</div>

Allerdings würde ich die Namen anders wählen...

Viele Grüße,
Marc.