nicht angemeldet
also bevor ich vielleicht anfange mich jetzt in die Kunst der richtigen CSS Programmierung einlese, noch eine Frage. Wie schaut das aus, wenn ich ne Datenbank habe und die Daten dynamisch einlese?
kann ich die Layer einfach erzeugen innerhalb einer Schleife und Sie dann an einander ausrichten?
Sie sollten schon in der richtigen Reihenfolge erscheinen. Das ist ja der Witz an der Sache, man kann eine solche CSS-basierte Seite auch völlig ohne CSS-Angaben lesen, also HTML-roh sozusagen.
Ich mein kann ich die Seite so machen wie ich das auch jetzt habe?
+----------------------------------------------+
| grauer Rahmen (als Hintergrund) |
| +----------------------------------------+ |
| | weißer Außenrahmen (feste größe 97%)| |
| | +----------------------------------+ | |
| | |Logo (varibale Größe) | | |
| | +----------------------------------+ | |
| | +-------+-----------------+--------+ | |
| | |feste | variable |feste | | |
| | |Breite1| Breite |Breite2 | | |
| | +-------+-----------------+--------+ | |
| +----------------------------------------+ |
+----------------------------------------------+
"Weißer Außenrahmen" kommt in ein <div> mit entsprechenden Angaben zu margin (Durchscheinen des grauen Seitenhintergrundes), border (die schwarze Linie, die Du derzeit hast) und padding (Durchscheinen des eigenen, weißen Hintergrundes).
Darin:
Das Logo, ebenfalls ein eigenes <div>.
Etwas schwierig wird es mit den drei Spalten. Du wirst alle wahrscheinlich absolut positionieren müssen; beachte, daß es neben den Positionen top und left auch bottom und right gibt. Du kannst auch mit Prozentangaben arbeiten.
Es gibt manchmal Probleme, verschachtelte <div>s am Elternelement auszurichten, in dem Fall solltest Du dem Weißen-Außenrahmen-Element ein "position:relative" spendieren.
Die ganze Angelegenheit ist anfangs häufig recht schwierig zu meistern, nicht zuletzt durch fehlerhafte Browser (insbesondere IE 5 und IE 6 im "Quirks-Modus", die die Größen falsch berechnen, siehe auch http://www.hut.fi/~hsivonen/doctype.html). Du solltest unbedingt einen intensiven Blick in die CSS-Originalspezifikation werfen: http://www.w3.org/TR/REC-CSS2/. Nichts gegen SelfHTML, aber mit dem CSS-Kapitel bin ich für meinen Teil nicht so ganz glücklich geworden.
Da CSS in vielerlei Hinsicht anders funktioniert als eine einfache Tabelle, lässt sich sicherlich auch das ein oder andere nicht 1:1 übernehmen - was Du natürlich auch als Anreiz nehmen könntest, vom tausendfach benutzten Drei-Kästen-Standarddesign, das Du derzeit verwendest, etwas abzurücken und mal was neues auszuprobieren (keine Kritik, nur ein Vorschlag:).
Gruß,
soenk.e