Sponsored Links |
|
|||
Zitat:
Ach, du willst auch noch ein paar Tipps? Zitat:
Dass sich ein (Block-)Element der Breite des Elternelements anpasst ist Standard (das solltest du wissen). Das feststehende Verhalten der anderen Elemente erinnert zu sehr an Frames. Aber wenns denn sein muss... HTML-Code:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>3-Teile-Layout</title> <style> html, body { margin: 0; padding: 0; height: 100%; } body { position: relative; margin-left: 15em; } #header { background: pink; position: absolute; top: 0; left: -15em; right: 0; height: 5em; } #nav { background: lightblue; position: absolute; top: 5em; left: -15em; bottom: 0; width: 15em; overflow: auto; } #inhalt { background: lightgreen; position: absolute; top: 5em; left: 0; right: 0; bottom: 0; overflow: auto; } </style> </head> <body> <div id="header"> <h1>3-Teile-Layout</h1> </div> <div id="nav"> <h2>Übersicht</h2> </div> <div id="inhalt"> <h2>Inhalt</h2> <p>Bla.</p> <p>Bla.</p> <p>Bla.</p> <p>Bla.</p> <p>Bla.</p> <p>Bla.</p> </div> </body> </html>
__________________
Über Internet Explorer 8: Noch bis 8. April 2014 wird der Internet Explorer 6 mit Sicherheitsupdates versorgt. Bereits jetzt kann dieser Browser aber vollständig durch den IE8 ersetzt werden. Ältere Betriebssysteme und Browserversionen werden von Microsoft nicht mehr unterstützt. Auch Programme, die den IE7 benötigen, sind kein Argument gegen IE8, da dieser über entsprechende Kompatibilitätsschichten verfügt. Ab sofort gilt daher der Internet Explorer 8 als vorausgesetzer Mindeststandard. Geändert von gato (20.03.2012 um 18:51 Uhr) |
Sponsored Links |
|
|||
Hey gato,
vielen Dank für deine Mühe! Das funktioniert super und scheint auch in älteren Browsern keine Probleme zu machen. Ich habe die Hausaufgaben gemacht - sie waren eigentlich gar nicht so schwer... Ich frage mich allerdings trotzdem, wie stabil diese Lösung ist. Warum setzen viele Webanwendungen, welche die gleiche Seitenstruktur nutzen (bspw. der bereits erwähnte Google Reader, diverse Groupware-Lösungen), nicht diese Variante ohne JavaScript ein? Bei der Analyse des Codes einiger Seiten fiel mir auf, dass die Anpassungen an den Viewport immer mit JS gemacht wurden. Warum? Zum Stichwort mobile Geräte: Das ist momentan noch kein Thema. Falls es eines wird, würde ich eine spezielle Version erstellen. Grüße |
|
|||
Zitat:
Obiges Beispiel ist schnell erstellt, aber wenn du hier einen Rahmen, dort einen Abstand haben möchtest, kann sich das Box-Modell schon mal in dern Hintern kneifen. Andere Gründe sind mir nicht bekannt. Ich arbeite aber auch so gut wie nie mit derartigen Layouts. |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Little Boxes Teil 1: Crashkurs zu HTML und CSS online lesen | pmmueller | Ressourcen | 6 | 25.02.2010 15:17 |
Untermenü im IE | nici | CSS | 10 | 22.06.2009 21:19 |
CSS und Tabellen | PW-toXic | CSS | 70 | 06.03.2009 21:02 |
html und css | Tali | CSS | 1 | 10.01.2004 15:23 |
Wie am besten alte HTML Seite mit Tabellen in CSS Layout ? | Fidi | CSS | 0 | 07.01.2004 11:27 |