28.02.2012, 20:07
|
|||
|
|||
Leiste erscheint nicht über den gesamten Bildschirm
Hallo!
Ich habe in einer Internetseite links eine Leiste, die sich über die gesamte Höhe erstrecken soll. In dem Inhaltsteil steht wirklich sehr viel Text, sodass man unter Umständen lange scrollen muss. Irgendwann endet die linke Leiste aber einfach, obwohl ich height: 100% als Eigenschaft eingetragen habe. Hier mal mein Code dazu. Ich habe viele "<p> </p>" eingefügt, um die Länge des Inhalts zu simulieren. HTML-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <style type="text/css"> body, html { height: 100%; } * { margin: 0; padding: 0; } #header { width: 100%; height: 90px; min-height: 90px; background-color: #000; } #sidebar { width: 300px; height: 100%; float: left; border-right: 1px solid #000; } #content { background-color: #fff; position: relative; margin-left: 302px; } </style> </head> <body> <div id="header"> </div> <div id="sidebar"></div> <div id="content"> <p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p> </div> </body> </html> 
|
| Sponsored Links |
|
28.02.2012, 20:53
|
|||
|
|||
|
Zitat:
Genau das hast du nämlich festgelegt. html mit height: 100% = Höhe Anzeigebereich + body mit height: 100% = Höhe Anzeigebereich + float mit height: 100% = Höhe Anzeigebereich. Größer kann der Float nicht werden, denn sonst wäre die Höhe von body von dem Float abhängig. Damit hättest du einen nicht auflösbaren Zirkelbezug. Was spricht dagegen #content einen Rahmen rechts zu geben? Zitat:
Nebenbei: Neue Webseiten in XHTML 1.0 erstellt man mit der Variante Strict.
__________________
Ü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.
|
| Sponsored Links |
|
29.02.2012, 00:19
|
|||
|
|||
|
Also in der richtigen Seite ist dort kein Rahmen, sondern ein Bild, welches in der Höhe wiederholt wird.
Mein Problem ist, dass gelegentlich der Seitenbereich größer ist das der Inhalt. Ich habe jetzt aber einfach dem Seitenbereich und dem Inhalt das Bild als Hintergrund gegeben. Nun überdecken die sich einfach, aber das Bild geht immerhin jetzt immer bis zum Boden des Fensters.
|
 |
| Themen-Optionen | |
| Ansicht | |
|
|
Ähnliche Themen
|
||||
| Thema | Autor | Forum | Antworten | Letzter Beitrag |
| Formular: Dankeseite erscheint nicht | White Raven | (X)HTML | 3 | 26.09.2010 17:23 |
| Leiste am Unteren Bildschirm rand | mutantenboss | CSS | 8 | 25.07.2010 13:42 |
| DIV immer ganze Breite - normal?!?!? | csski | CSS | 3 | 02.07.2008 12:20 |
| Weiße Schrift erscheint auf rotem Hintergrund unscharf | Bartender | CSS | 3 | 20.08.2007 20:33 |
| Tabelle erscheint innerhalb eines DIVs | FBI | CSS | 1 | 27.06.2007 01:39 |
Linear-Darstellung
