Ich will meine Seite wie im angehängten Bild strukturieren. Das Menü soll eine feste größe haben, und die Hauptseite einfach den ganzen restlichen Platz einnehmen. Früher hab ich das mit einer 2-Spaltigen Tabelle gemacht, dessen linke Seite width="100%" hatte. Nun hab ich aber gelernt dass Tabellen zur Seitenstrukturierung Pfui-Bah sind, und will alles auf DIVs umstellen. Nur mit DIVs klappt's nicht so wie ich mir das gedacht hab. Postet doch mal bitte Vorschläge wie ihr das Problem gelöst hättet.
PS: Meine idee (falls es wen interessiert), wollte es so machen wie bei glish.com:
Sieht bei mir aber seeeehr komisch aus.
PS: Meine idee (falls es wen interessiert), wollte es so machen wie bei glish.com:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" /> <title>Testpage</title> <style type="text/css"> html{height: 99%;} body{ color: #52626E; background-color: #E3E7EA; font-family: tahoma,helvetica; font-size: 11px; margin: 0px; padding: 0px; height: 100%; } #mainpage{ border:1px solid #000000; height:100%; float:left; width:67%; } #menu{ border:1px solid #000000; width:250px; } </style> </head> <body> <div id="mainpage">Hauptseite</div> <div id="menu">Menu</div> </body> </html>
Kommentar