nicht angemeldet
Hallo,
Die seite soll dreigeteilt sein. Oben und unten ein in der höhe feststehender streifen. Der Untere soll sich immer am unteren rand befinden.
Also so ähnlich wie http://www.erweiterungen.de/?
Der Mittlere soll wiederum in der höhe flexibel sein und sich dem monitor anpassen.
Wozu? Wenn der zu groß wird, würde der Text nach unten darüber hinaus gehen.
Die Breit möchte ich vermutlich auf einen festen Wert festsetzen (ca. 800px) um bei verschiedenen auflösungen ein gleichmäßiges bild zu gewährleisten und um sicherzustellen das es in der Mitte ist.
Schlechte Idee. Erstelle lieber ein flexibles Design, wo der Anwender nicht jedes Mal quer scrollen muss; ggf. mit einer Maximalbreite.
Zwei möglichkeiten fallen mir hier ein, beide mit Problemen.
- Tabelle
Ich erstelle eine Tabelle (hight="100%") mit drei zeilen. Setze bei der oberen und unteren zeile feste höhen fest. Die mittlere müsste flexibel sein. Jedoch soweit ich weiß, gibt es bei Tabellen probleme feste und wariable höhen zu kombinieren
Das eigentlich nicht, aber Tabellen sind einfach nicht für Layoutzwecke gedacht.
- Div Elemente
Ich mache die drei zeilen mit <div> Elementen. Jedoch wie setze ich das untere Element an den unteren Rand (position:absolute ist blöd)
Das Zauberwort lautet position:fixed! Fixiere das obere und untere Element einfach absolute und passe die Abstände des <body>s so an, dass es ganz oben/ ganz unten keine Überlappungen gibt und die Inhalte zugänglich sind.
und wie bringe ich das mittlere div dazu immer so hoch zu sein wie der zwischenraum zwischen den beiden anderen.
Am Besten gar nicht. Lass es so hoch wie der Text sein, ober mach es 100% hoch.
Übrigens was kann man eigentlich bei css verwenden um das veraltete <center> tag zu ersetzen?
Ja. Block-Elemente mit einer Breite < 100% zentrierst du mit margin:auto; den Text darin mit text-align: center.
mfg. Daniel