Probleme mit Tabellenspalten

[Gute-Laune-Bär]

Guten morgen!

Ich würde gerne meine Seite in 4 gleich große Tabellen-Spalten aufteilen, zwischen denen jeweils 10px Platz ist. Ich schaffe es allerdings nicht, dass die Größe des Zwischenraums statisch ist (10px). Wie könnte man das Problem lösen?

Noch eine zweite Frage: Kann ich das auch mit css, also ohne Tabellen, machen?

Danke für jede Hilfe
Gute-Laune-Bär

[Tom2]

Hallo Guter-Laune-Bär

Ich schaffe es allerdings nicht, dass die Größe des Zwischenraums statisch ist (10px). Wie könnte man das Problem lösen?

Ein Grafiker würde das folgendermassen anstellen: Er macht sieben Spalten und packt in die Zwischenräume ein Blind-Gif, ein transparentes 1x1-Pixel-Gif, welches er auf 10x10 Pixel streckt. Diese Methode ist wohl eine der sichersten vom Design her, ob sie technisch gesehen gut ist ist zweifelhaft.

Ein HTML-ler würde das wohl mit dem cellpadding- oder dem cellspacing-Attribut des table-Tags lösen.

Ein CSS-ler könnte dasselbe auch mit CSS (Stichwort padding). ;-)

MfG & HtH

Tom2

[Tom2]

Nochmals Hallo Guter-Laune-Bär

Entschuldige, dass ich auf deine Frage, ob dies auch gänzlich ohne Tabellen ginge, nicht eingegangen bin.

Falls du die Spalten mit einem zusammenhängenden Text füllen möchtest, wirst du auf Probleme stossten, da du den Text von Hand auf die Spalten verteilen musst. Zudem finde ich ein solches Zeitungsdesign für Webseiten unsinnig, da ich immer hoch und runter scrollen muss.

Anstelle von Tabellen kannst du sehr gut den div-Tag und eine Prise CSS einsetzen. Schau dir besonders die CSS-Eigenschaften position und float an.

MfG

Tom2

[at]

Hallo.

Tom2

"Die Rückkehr" -- Jetzt im Forum ;-)
MfG, at

[alex]

Moin,

benutz doch für die zwischenräume <td width="10"> </td>

[Thomas Luethi]

Hallo,

Ich würde gerne meine Seite in 4 gleich große Tabellen-Spalten aufteilen, zwischen denen jeweils 10px Platz ist. Ich schaffe es allerdings nicht, dass die Größe des Zwischenraums statisch ist (10px). Wie könnte man das Problem lösen?

Mit HTML:
cellpadding bzw. cellspacing als veraltete Attribute in <table>.
width="25%" als veraltetes Attribut in jeder Zelle <td>.

Mit CSS:
table { border-collapse:separate; border-spacing:10px; }
(wird vom MS IE bis 6.0 nicht umgesetzt...)
oder
td { padding:5px; }
oder sowas. Beschaeftige Dich mit CSS-Gestaltung von Tabellen
und ihren Zellen.
(Hinweis: Zellen haben nur border und padding, aber kein margin).

Noch eine zweite Frage: Kann ich das auch mit css, also ohne Tabellen, machen?

Ja.
http://www.saila.com/attic/sandbox/4col-liquid-ap.html
http://glish.com/css/8.asp
http://www.google.com/search?q=four+column+css

Ich finde drei und mehr Spalten allerdings problematisch
fuer den Bildschirm. Spalten sind ein typisches Gestaltungs-
Merkmal von Papier-Zeitungen. Auf dem Bildschirm erschweren
sie aber das Lesen von Fliesstext gewaltig.

Gruesse,

Thomas