<table> -> <div> ... Probleme mit dem Umbau

[Zephyda]

Leider wird das nichts mit der Idee

body  
{  
  background: url(bilder/schriftzug_links.png) no-repeat left;  
}  
  
#logo  
{  
  background: url(bilder/schriftzug_rechts.png) no-repeat right;  
  text-align: center;  
}

Das größte Problem hier ist schonmal das das "body"-Tag verwendet wird, schlimmer Fehler. Zum einen nutze ich das "body"-Tag schon um als Hintergrund einen Farbverlauf darzustellen, zum anderen würde in dem Fall das ganze Logo NICHT mittig erscheinen, sondern direkt nach dem "schriftzug_links", der allerdings nur 2 Pixel breit ist.
Desweiteren kann
<h1 id="logo"><img src="bilder/schriftzug_mitte.png" alt="was immer im Schriftzug zu lesen ist"/></h1>
nichtmal im Ansatz das gleiche Ergebniss wie meine Tabelle liefern. Meine Tabelle hat das "Logo" immer in der Fenstermitte gesetzte und den Platz rechts & links entsprechend mit dem Hintergrund "schriftzug_links/rechts" aufgefüllt.
In deinem Beispiel klatscht das Ganze links das eine Bild hin, dann das Logo und dann rechts das andere Bild. Von der Formatierung das das Logo mittig ist und die Rändern mit den Bildern aufgefüllt werden bleibt da nichts mehr übrig.
Also danke für die Antwort, aber ich habe das Gefühl das die Antwort ansich irgendwie komplett falsch ist was meine Fragestellung angeht. Auf jeden Fall ergibt sich nichtmal im Ansatz das gleiche Verhalten bezüglich der Darstellung.