Hork beim Tort: Bekomme Zentrierung nicht hin....

Beitrag lesen

Ich möchte 3 Grafiken in einem Container nebeneinander anordnen.

Du hast aber drei Container.

Die Grafik Logo_Mitte soll zentriert zwischen Logo_Links und Logo_Rechts ausgerichtet werden.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

Die loose-Variante ist wenig geeignet für den Einsatz von CSS, weil viele Browser da mehr oder weniger machen, was sie wollen, und nicht das, was sie laut Standard sollen. Verwende wo irgend möglich strict,  um den standardkonformen Modus zu aktivieren (siehe http://hsivonen.iki.fi/doctype/).

div#logo_links
{float:left}

div#logo_mitte
{margin:auto}

div#logo_rechts
{float:right}

Gebe #logo_mitte mal einen Rahmen (border:1px solid red). Du wirst sehen, dass das Element zwar mittig positioniert wurde, aber nicht da, wo Du wahrscheinlich vermutest.

<div id="logo_links">
  <img src="images/logo_kopfteil.gif" width="108" height="78" alt="Logo links" />
</div>

Es ist nicht so, dass das <img>-Element sich nicht direkt per CSS bearbeiten ließe. Und auch in diesem Fall sind zwei der drei <div>s überflüssig und das verbleibende womöglich auch noch fehl am Platze.

Damit hängt dann auch irgendwo Dein Problem zusammen: Anstatt einfach das <img>-Element via text-align in einem <p> zu zentrieren, wie man es mit allen Inline-Elementen macht, kippst Du lauter einzelne <div>s in den Code.

Schon einmal ein großes THX.

THX wird eindeutig überbewertet. Ein einfaches Danke hätte gereicht.