Tabellenlayout durch CSS ersetzen

[Detlef G.]

Hallo Mike

Ich habe es jetzt umgebaut, allerdings ist das Ergebnis in den 3 Browsern IE, FF und NS unterschiedlich:

Im Opera 7.23 sieht es auch nicht gerade toll aus.

#main_div_zeile1
{
...
position:absolute;

Muss das sein?

img.zeile1_links
{
...
position:absolute;

Und schon wieder!

img.zeile1_mitte
{
...
position:absolute;

Und nochmal!

Willst du eine HTML-Seite mit CSS gestalten oder eine Collage kleben?

<img class="zeile1_links" src="./images/ob_li.jpg" width="135" height="68" alt="">

Ist diese Grafik Seiteninhalt? (oder nur Design?)

<img class="zeile1_mitte" src="./images/ob_li_b.jpg" width="75" height="68" alt="">

Ist diese Grafik Seiteninhalt? (oder nur Design?)

<div id="main_div_zeile1">
<img src="./images/kids.gif" width="200" height="60" align="right" alt="All together">
</div>

Endlich mal eine Grafik, die Seiteninhalt und nicht nur Design ist.

Schau dir zuerst den Inhalt der Seite an, nicht das Layout, einfach nur als
vernünftig strukturiertes HTML, ohne Formatierungen.
Dann schaue, was braucht welche Farbe, Höhe, Breite, Margin, Padding usw.

Ach, was schreibe ich hier, ich habe dir die Archivlinks bereits gepostet.

Position ist nur für ganz bestimmte Anwendungsfälle geeignet, selten für
das Grundlayout.

http://ladenbuerger.dnip.net/no_tables/

Dieses Stückchen der Seite würde ich etwa so machen:
HTML
CSS

Auf Wiederlesen
Detlef