PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : tables oder div-Boxen in HTML und CSS



Michel
11. January 2010, 23:58
Bin gerade fast verzweifelt. Der Befehl cellspacing="0px" bei Tabellen sollte im CSS nicht funktionieren. Dachte ich schreibe das so:


cellspacing:0px;
Dem war aber nicht so. Denn es ist, wie eigentlich auch zu erwarten:



border-spacing:0px;
Also cellspacing wird in CSS mit border-spacing definiert. Man man man:cool:

Michel
12. January 2010, 02:19
Was ist besser für das Design einer Internetseite geeignet, Tabellen oder div-Boxen? Folgendes Beispiel soll die Problematik deutlich machen.

Um eine Tabelle mit CSS zentrieren zu können, funktioniert folgendes:

HTML:


<table align="center" . . . . >


Man muss sich hierbei eines Tricks bedienen. Einfach den linken und rechten Abstand auf "auto" setzen:

CSS:


margin-left:auto;
margin-right:auto;



Fazit:
Tabellen beschränken das Design, Tabellen laden lang, Tabellen sperren die Inhalte ein. Sie sind besonders gut geeignet für die Auflistung von tabellarischen Daten. Aber nicht gut geeigent für das Design einer Internetseite. Früher gab es nichts anderes, heute nimmt man aber immer mehr Abstand dazu.

Stadler
12. January 2010, 07:44
Statt
margin-left:auto;
margin-right:auto;kannst du übrigens auch schreiben:
margin: 8px auto;Siehe auch w3schools.com - CSS Margin (http://www.w3schools.com/CSS/css_margin.asp).
Die 8px sind der Default-Wert, siehe W3C - CSS2 - Appendix D. Default style sheet for HTML 4 (http://www.w3.org/TR/CSS2/sample.html):
body { margin: 8px }