Div Container

Computer: Software & Programmierung HTML & CSS
1

Hallo,
ich habe das mit den Div Containern noch nicht ganz raus. Ich hab schon Diverse
Seiten angekuckt und durchgelesen, mir fehlt aber ein anschauliches Bespiel das
ich nachmachen kann.

Normalerweise habe ich das mit Tabellen geregelt, da die aber veraltet sein sollen
möchte ich das ganze nun mit Div-Containern versuchen…

Die Tabelle soll, möglichst mit Rand, so aussehen:

Spalte 1, Zeile 1- Spalte 2, Zeile 1 - Spalte 3, Zeile 1 - Spalte 4, Zeile 1
Spalte 1, Zeile 2
Spalte 1, Zeile 3
Spalte 1, Zeile 4
Spalte 1, Zeile 5

Könnt Ihr mir bitte nochmal helfen ?

2

Welches Problem willst du den genau lösen?

Wenn Du eine Tabelle gestalten willst, dann macht man das nachwievor als Tabellle. Veraltet/Verpönt ist nur, die Seitengestaltung als Tabelle anzulegen.

Gruß,
Max

3

Hi,

wie schon erwähnt,

genau so ist es. Gemeint ist damit, dass man den Kopfbereich, die Navigation und den Inhaltsbereich durch Anlegen von Tabellen umsetzt.

Gruß
Christa

P. S. Das ist nur als Ergänzung zu Max’ Beitrag gedacht. :smile:

4

Hallo,

die grundsätzliche Struktur einer Internetseite (z.B. Kopfzeile, Hauptmenü, Seitenmenü, Fußzeile) stellt man heute nicht mehr mit Tabellen oder gar iFrames dar. (Obwohl es sogar noch Leute gibt, die Seiten gegen Bezahlung erstellen und auf dieses überholte Design setzen…) Inzwischen unterteilt man die Gruppen der Seite in

-Container. Deren Aussehen (Anordnung, Größe, Schrift etc.) legt man mit CSS-Befehlen ab.

Der Vorteil: man trennt Inhalt und Design der Seite schon recht gut. Somit kann man zum Beispiel schneller auf responsives Design umstellen (eine Anpassung der Darstellung optimiert auf verschiedene Geräte (großer Bildschirm am PC, kleiner Bildschirm am Netbook oder Tablet, Mini-Bildschirm am Smartphone). Zudem ist man ein wenig variabler in der Anordnung der Elemente im Quelltext. So kann der eigentliche Inhalt vor die Menüs gestellt werden, was eine bessere Bewertung in den Suchmaschinen nach sich ziehen kann.

Zum Üben würde ich die simpelste Seite der Welt bauen:

  1. Ein
    für Überschrift und Logo
  2. Ein
    für den Inhalt
  3. Ein
    für das Menü links
  4. Ein
    für die Fußzeile

    Eine gute Sammlung und Erläuterung aller Befehle und Elemente bietet aus meiner Sicht http://selfhtml.org

    Wenn man übrigens reine Daten darstellen will, tut man das nach wie vor in einer Tabelle. Wobei man die einzelnen Elemente der Tabelle mit CSS beschreibt.

    Grüße