|
|||
2 Spalten Layou mit full height
Nach einer Stunde probieren und googeln gebe ich jetzt auf und frage euch...
Ich möchte ein ganz einfaches Zweispaltenlayout für eine Ajax-basierte Seite erstellen. Dazu hier mal ein Entwurf, den ich möglichst genau umsetzen möchte, allerdings von der Auflösung des Nutzers unabhängig. Gibt es die Möglichkeit mit HTML5 und CSS3 das umzusetzen bzw wie? Der content-Container muss scrollbar sein, wenn der Inhalt zu lang wird. (Idealfall: Nur vertikales Scrolling, horizontal Zeilenumbruch) Danke für eure Hilfe! |
Sponsored Links |
|
||||
Im Prinzip suchst du ein Layout mit fester Breite, variabler Höhe und feststehender Navigation?
Schau mal auf meine Site. Sollen beide Spalten die gleiche Höhe aufweisen, schaust du hier: http://xhtmlforum.de/40267-faq-h-ufi...-und.html#faq1
__________________
Gruß Roman // ngkreativ.de - Webdesign & Motorradumbau |
Sponsored Links |
|
||||
Zitat:
__________________
Gruß Roman // ngkreativ.de - Webdesign & Motorradumbau |
|
||||
__________________
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.) |
|
||||
Zitat:
Bei einem Tabellenlayout kommt man recht schnell an Grenzen wo man selbst durch den Code nicht mehr durchblickt. Nebenbei gibt es auch bei Tabellen browserspezifische Unterschiede und Tücken. Bei meinem Internetarchiv hat sich beim konsequenten Umstieg auf ein halbwegs semantisches Layout der HTML-Code auf ca 30 % verringert (bedeutet auch nur noch 30 % Traffic, 30 % potentielle Fehler usw). Es geht nicht nur um die "reine Lehre", es macht einfach Sinn und spart Arbeit. |
|
||||
Zitat:
CSS-LAB.com - Ray's CSS Demos Dort sollte doch bestimmt etwas für den TE dabei sein. Gruß Manfred |
|
||||
Alle guten Browser inkl. IE 8 können auch folgendes (nur IE < 8 kann's nicht):
HTML-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html lang="de" xml:lang="de" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>Test</title> <style type="text/css"> * { margin: 0; padding: 0; } body { padding: 30px; font-family: sans-serif; } #n1 { display: table; table-layout: fixed; width: 760px; margin: 0 auto; } #n2 { display: table-row; } #n2 div { display: table-cell; } #n3, #n5 { width: 200px; background: #c0c0c0; } #n4 { width: 360px; background: #f1f1f1; } </style> </head> <body> <div id="n1"> <div id="n2"> <div id="n3">Text<br />Text<br />Text<br /></div> <div id="n4">Text</div> <div id="n5">Text<br />Text<br />Text<br />Text<br />Text<br />Text<br />Text<br />Text<br />Text<br />Text<br />Text</div> </div> </div> </body> </html>
__________________
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.) |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Brauche Hilfe: Schwarzes Nichts | Zwox | CSS | 10 | 19.11.2010 17:53 |
Darstellungsprobleme im IE | lea11011989 | CSS | 17 | 05.11.2010 10:44 |
Div Positionen in Firefox falsch | ozero | CSS | 4 | 17.07.2009 23:35 |
prblemme mit mein inhalt div | carlos587261 | CSS | 3 | 23.04.2008 15:07 |
Mozilla zeigt DIV zu oft an | cracki | CSS | 6 | 09.03.2008 16:22 |