|
|||
Seitenlayout mit DIV's in variabler Höhe
Guten Abend,
bin ein bisschen am verzweifeln... Ich möchte ein Seitenlayout mit DIV's gestalten. Dabei soll es eine Kopf- und eine Fußzeile geben. Diese sollen immer sichtbar sein. Dazwischen soll ein viewport sein, der sich der Größe des Browserfensters anpasst. In diesen Viewport kommt der Content, den ich mit margin-left:250px; von der Navigation (im Viewport)in Abstand bringen möchte. Die Navigation selbst soll auch gefixed sein. Hoffe ich habe nicht wirrr geschrieben. Ohne die Fixpositionen klappt es. Das ist auch der Code: HTML-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Home</title> <style type="text/css" media="all"> html, body { height: 100%; } body { margin: 0; padding: 0; background-color:blue; min-height:100%; } #head { height:50px; background-color:pink; } #viewport { height: 100%; background-color:red; } #foot { position: relative; height:20px; margin-top: -20px; background-color:white; } #content { display:block; overflow:auto; position:absolute; top:50px; bottom:20px; width:2600px; margin-left:251px; border:none; background-color:yellow; } </style> </head> <body> <div id="viewport"> <div id="head">header</div> <div id="content"> </div> </div> <div id="foot">footer</div> </body> </html> Vielleicht kann mir jemand ein Tip geben, was ich lesen muss. Oder wie ich an die sache hern gehen muss, oder geht dieser Fall besser mit Tabellen (die habe ich schon fertig ) Liebe Grüße JohnnyBoy |
Sponsored Links |
|
|||
Zitat:
Hast du eine Idee wie man das machen kann? Grüße |
|
||||
Das kann nicht Dein Ernst sein - und Nutzer mit 1024 oder 1280px Breite müssen sich die halbe Seite horiz. erscrollen? Nimm entweder Deine Breite ganz raus und begrenze sie auf max. 980px.
Desweiteren siehe FAQ oder http://www.cssplay.co.uk/layouts/ Stichwort "fixed". EDIT: Das kann ich jetzt nicht beurteilen, aber Hauptsache Du überlegst genau was Du tust...
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten. Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.) Geändert von heiko_rs (14.10.2008 um 23:50 Uhr) |
|
|||
Zitat:
|
|
||||
Hi JohnyBoy,
machen kann man viel bis alles. Es sollte aber auf die Zielgruppe ausgerichtet werden. Nicht jeder hat so einen Monitor (Sony Jumbotron, 5 m Diagonale ?). Statt einer Tabelle würde sich da eine Konstruktion anbieten, die Datensätze auf mehrere Zeilen aufteilt. Vielleicht wäre das ein Weg. |
|
|||
Zitat:
Wenn ich head, foot, nicht fixe, dann geht auch alles wie s soll, aber sobald ich die fix mache, macht das ding ärger... ich habe schon gelesen, dass fixed elemente aus dem Fluss heraus genommen werden aber wie kann ich #viewport so machen, dass es dazwischen passt? |
|
||||
Zitat:
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten. Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.) |
Sponsored Links |
|
||||
Die Tabelle in ein div packen und scrollbar machen.
Ich denke, da gibt es mit der Riesentabelle ein konzeptionelles Problem. Kannst Du nicht die Wichtigsten Sachen in eine schlanke Tabelle packen und den Rest beim Anklicken anzeigen ? |
Sponsored Links |
Stichwörter |
div, fixed, foot, head, layout, variable, viewport |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Problem bei Anordnung- footer nach div mit variabler Höhe | gombi | CSS | 7 | 18.01.2010 19:14 |
div hat keine Höhe, wenn innere divs gefloatet werden? | Anotherone | CSS | 3 | 23.07.2006 02:25 |
verschachtelte Div's mit variabler Höhe | sAt. | CSS | 1 | 10.08.2005 19:26 |
divs aneinander in der höhe ausrichten - wie ? | MS Master | CSS | 1 | 24.02.2005 17:49 |