|
|||
height 100% FF & Opera
Moinsen
Steinigt mich bitte nich gleich. Ich habe bereits das Forum sowie andere Internetseiten nach einer Lösung durchsucht und stehe mit dem Problem auf dem Schlauch. Ich erstelle gerade ein template. Es sieht bisher wie folgt aus: http://www.engholm.de/mt/ Die Vorgaben sind: - Der schwarze Footer soll immer am unteren Browserrand sticky haften. - Links im Hauptbereich soll ein Menü DIV (grau) mit fixer Breite. - Rechts soll das gleiche nochmal gespiegelt sein. Ebenfalls mit fixer Breite - In der Mitte soll der main content (weiße Hintergrundfarbe) eine dynamische Breite haben - je nach Fenstergröße - Alle drei Spalten sollen bis nach unten reichen, egal bei welcher Fenstergröße Das Problem: Siehe link. Im IE wird es korrekt angezeigt. Nur im Firefox und Opera wird die Höhe je nach Menge des Inhalts gestreckt. Kurzum: Wie bekomme ich ein 3-Spalten Layout, welches sich dynamisch in der Höhe anpasst, unter den Header? Der Link zur CSS Datei: http://www.engholm.de/mt/css/template_css.css Wo ist mein Denkfehler? Kann mir jemand weiterhelfen? Gruß Engholm |
Sponsored Links |
|
|||
Deine Fragen werden in den FAQ beantwortet. Siehe "100% Höhe" und "Footer Stick Alt" sowie "3-Spalten-Layout" und natürlich jeweils die Links zu den weiterführenden Seiten.
|
Sponsored Links |
|
|||
Hallo mazzo
Genau das habe ich als Vorlage genommen. Ich verstehe bloß nicht, warum mein #menu_left trotz Angabe von min-height:100%; und height:100% für den IE in Firefox u. Opera keine 100% Höhe haben sondern nur so weit gestreckt werden, wie Inhalt vorhanden ist? Gruß Engholm |
|
|||
Zitat:
Wenn du gleichlange Spalten willst, dann lies den Artikel zu faux columns in den FAQ. Entferne bitte das Element #non-footer aus deinem Code. Diese Aufgabe hat bei dir #container, der genügt. |
|
|||
Hallo Fricca
Danke für Deine Tipps! Zitat:
Ok, die linke Spalte wird nun durch die Backgroundgrafik vorgetäuscht. Was gibt es denn für Möglichkeiten, ebenfalls einen grauen Streifen an die rechte Seite zu fixieren? Wie gesagt, der Mittelteil soll flexibel bleiben. Gruß Engholm |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Verschiebungen bei größerem Bildschirm | seelefant | CSS | 4 | 28.07.2014 16:43 |
CSS von Plugin beisst! | expand | CSS | 0 | 28.09.2012 18:44 |
Div Positionen in Firefox falsch | ozero | CSS | 4 | 17.07.2009 23:35 |
prblemme mit mein inhalt div | carlos587261 | CSS | 3 | 23.04.2008 15:07 |
Mozilla zeigt DIV zu oft an | cracki | CSS | 6 | 09.03.2008 16:22 |