|
|||
teilweise fixiertes, teilweise liquides layout
Hallöchen, ich habe ein, wohl altes Problem, wozu ich aber irgendwie keine befriedigende Lösung finde.
Es ist ein Problem (nicht das mit der sich anpassenden Höhe) was mit Tabellen theoretisch laufen müsste, mit Boxen aber mir nicht so laufen zu wollen scheint. Die Höhe und Breite ist auf 100% festgelegt und soll auch nicht überschritten werden. Das Problem dabei ist, dass der Header und die Navi an der Seite feste Pixelangaben haben und der Inhalt soll durch overflow: auto halt größer sein können. Aber vielleicht kann ich durch den code etwas besser vermitteln was ich will: HTML-Code:
<?php session_start(); include("data/config.php"); ?> <!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="de" lang="de"> <head> <meta name="DC.creator" content="T** K******" /> <meta name="editor" content="Notepad++" /> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <title>Datei</title> <link rel="stylesheet" type="text/css" href="<?php echo $pf_data["style"];?>"/> <link rel="shortcut icon" type="image/x-icon" href="bilder/fav.ico" /> </head> <body> <div id="body"> <div id="navicol"> <div id="navihead"> </div> </div> <div id="inhaltcol"> <div id="inhalthead"> </div> <div id="inhalt"> </div> </div> </div> </body> </html> Code:
body, html{ font-family: Arial; padding: 0px; margin: 0px; height: 100%; width: 100%; } #navicol{ float:left; height: 100%; width: 200px; background: #08f; border-right: 2px dashed #555; } #navihead, #inhalthead{ background:#555; height: 150px; } #inhaltcol{ height: 100%; } #inhalthead{ border-bottom: 5px solid #08f; } #inhalt{ overflow: auto; } #body{ width:100%; height:100%; background: #eee; } #bodyrow1, #bodyrow2{ } #head{ background:#555; height: 150px; border-bottom: 4px solid #08f; } #navi{ height: 100%; margin-top: -4; width: 200px; background: #08f; border-right: 1px solid #000; } als Tabelle währe das warscheinlich kein problem, aber ich versuche es gar nicht erst, weil ich es einfach nicht schön finde, und wissen will, ob bzw. wie es auch anders geht. Danke schonmal. |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Bitte um Hilfe - CSS und Prozentangaben | sprefer | CSS | 3 | 01.03.2011 05:11 |
text-align (zentriertes fixiertes Layout) | didb | CSS | 5 | 05.04.2010 23:32 |
Liquides Layout ohne logische Struktur zu zerstören | sas | (X)HTML | 17 | 22.03.2010 10:35 |
Untermenü im IE | nici | CSS | 10 | 22.06.2009 22:19 |
Teilweise zerrissenes Layout | schmoellerl | CSS | 5 | 27.04.2009 16:52 |