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

[Gunnar Bittersmann]

@@Zephyda:

nuqneH

ich versuche derzeit von meinem Tabellen basierten Layout auf Div's umzustellen.

Den Teufel mit dem Beelzebub austreiben?

Verwende sinnvolle HTML-Elemente! Zur Gruppierung können es dann auch einige wenige(!) 'div' sein.

<td width="33%" background="bilder/schriftzug_links.png"></td>
    <td width="33%" ><img src="bilder/schriftzug_mitte.png" /></td>
    <td width="33%"  background="bilder/schriftzug_rechts.png"></td>

schriftzug_links.png und schriftzug_rechts.png sind also Verzierung, schriftzug_mitte.png ist Inhalt? Bei letzterem fehlt der Alternativtext.

Das ganze Zentriert mir dann mein Logo in der Bild-Mitte und hängt recht/links zu gleichen Teilen noch was dran.

Logo hört sich nach Überschrift an:

<h1 id="logo"><img src="bilder/schriftzug_mitte.png" alt="was immer im Schriftzug zu lesen ist"/></h1>

Im Stylesheet:

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

Qapla'