divs nebeneinander positionieren

Hallo Moni,

mir ist nicht ganz klar, was du genau mit "das" meinst. Ganz allgemein kannst du HTML-Block-Elemente mit float:left oder float:right nebeneinander anordnen. Beispiel für zwei Spalten mit jeweils 300px Breite:

<div class="links">Inhalt der linken Spalte</div>
<div class="rechts">Inhalt der rechten Spalte</div>
<div class="clear"></div>

und im CSS-Teil:

.links { 
float:left;
width:300px;
}
.rechts {
width:300px;
}
.clear {
clear:left;
}

Wegen dem float:left der ersten Box werden folgende Elemente rechts angeordnet, nicht unterhalb. Die dritte, leere Box hat hier die Funktion, diesen linken Umfluss wieder aufzuheben, das geschieht mit clear:left

Hallo Moni,

ok, ich verstehe - in diesem Fall werden die Informationen tatsächlich tabellarisch geordnet, somit handelt es sich um eine echte Tabelle und deswegen sollte hier auch eine Tabelle zum Einsatz kommen :). Das Ersetzen der Tabellen durch Divs macht in den über 90% der Fälle Sinn, wo es sich nur um Layout-Tabellen handelt. Aber dort, wo Daten und Texte bestimmten Spalten ("BEZEICHNUNG:", "ZUM EINSATZ VON:") und Zeilen zugeordnet sind, wäre es sogar unsinnig, keine Tabellen einzusetzen, denn für diesen Zweck wurden sie ja eigentlich geschaffen, und bei einem Aufbau mit Divs geht diese Strukturierung verloren. So bauen die Übersichtsseiten in diesem Forum z.B. auch auf Tabellen auf

Es ginge auch einfacher über CSS-Klassen - aber dennoch wäre der Einsatz von Divs an dieser Stelle nicht angebracht. Man liest ja hin und wieder von "tabellenlosen Webdesign" - mit diesem Begriff schießt man leider über das Ziel, nur die unsinnigen Tabellen ersetzen zu wollen (auch wenn diese zahlenmäßig bei weitem überwiegen). Bei vielen entsteht so der Eindruck, Taellen seien grundsätzlich schlecht. Und so kommt es auch ganz zwangsläufig zu Fragen, wie du sie jetzt hier gestellt hast.

Hi Moni!

Ja, das geht. Moment, ich such mal, melde mich gleich wieder

Da diese Frage immer wieder mal auftaucht, habe ich mal einen kleinen Artikel hierzu verfasst :):

Tabellenloses (?) Webdesign

viele, die sagen, es geht halt doch nicht so ganz ohne, unter anderem wegen der unterschiedlichen Browser.

Es geht schon bei den halbwegs modernen Browsern, je nach Layout ist vielleicht noch einiges an Übung und Trickserei notwendig.

Dem unfähigen Uralt-Browser Netscape 4 kann man das Style Sheet noch vorenthalten, so dass er keine Probleme macht - aber ich schätze mal, dass die wenigsten, die mit Tabellen arbeiten, diese Browserruine überhaupt noch im Sinn haben ;)