|
|||
Problem bei HTML/CSS
Hallo,
entschuldigung erst einmal, wenn ihr noch die vorherige Version dieses Beitrages gesehen habt, ich war etwas voreilig beim abschicken (wollte nur die Vorschau sehen) und kenne mich hier noch nicht so gut aus Ich habe ein Problem: Ich will eine Seite mit dreispaltigem Layout machen und habe das altbekannte Problem, dass die Spalten nicht ganz bis nach unten reichen. Dann habe ich von Faux Columns erfahren Nun habe ich im Body für links eine Grafik eingeführt. Wie kann ich das für rechts machen? 2. Problem: Wenn ich die Seite schmaler mache, rutscht mir der content-Bereich unter die Info spalte. Wie ändere ich das? HTML-Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title></title> <meta name="author" content="Antje"> <meta name="editor" content="html-editor phase 5"> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <link rel="stylesheet" type="text/css" media="screen, projection" href="stylesheet.css"> </head> <body> <div id="header">Header</div> <div id="wrapper"> <div id="navi">Navigation</div> <div id="info">Information</div> <div id="content">Content</div> </div> </div> <div id="footer">Footer</div> </body> Code:
body { padding: 0px; margin: 0px; border: 0; background: url(links.gif) repeat-y } #header {background-color: #EAAB88; width: 100%} #footer {background-color: #EC04F9; position: fixed; bottom: 0; width: 100%; height: 50px} #wrapper {margin: 0 0 50px 0; clear: both} #navi {float: left; height:100%; width: 150px} #info {height: 100%; float: right; width: 150px} #content {background-color: #0DE7EE; height: 100%; min-width: 500px; margin-left: 150px; margin-right: 150px} Antje Geändert von Antje_15 (06.07.2013 um 21:11 Uhr) |
Sponsored Links |
|
|||
moin antje
wir wissen dass Navigation und Information 150px breit sein sollen. was ist mit den content? soll er flüssig sein oder was? oder anders gefragt: ist dein wrapper immer 800px breit ? je mehr infos umso besser |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|