zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden height 100% FF & Opera

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 04.08.2006, 11:04
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 23.03.2006
Beiträge: 8
Engholm befindet sich auf einem aufstrebenden Ast
Standard 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
__________________
Webmaster Portal - Webkatalog
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 04.08.2006, 13:39
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 11.01.2005
Ort: Berlin
Beiträge: 2.149
mazzo wird schon bald berühmt werden
Standard

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.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 04.08.2006, 13:58
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 23.03.2006
Beiträge: 8
Engholm befindet sich auf einem aufstrebenden Ast
Standard

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
__________________
Webmaster Portal - Webkatalog
Mit Zitat antworten
  #4 (permalink)  
Alt 04.08.2006, 14:14
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Zitat:
Zitat von Engholm
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
Weil sich min-height in % auf den *height*-Wert des Elternelements bezieht. Mehrmals min-height in verschachtelten Elementen geht so nicht.
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.
Mit Zitat antworten
  #5 (permalink)  
Alt 04.08.2006, 15:06
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 23.03.2006
Beiträge: 8
Engholm befindet sich auf einem aufstrebenden Ast
Standard

Hallo Fricca

Danke für Deine Tipps!

Zitat:
Zitat von fricca
Mehrmals min-height in verschachtelten Elementen geht so nicht.
Tja, schade... endlich mal was, was im IE auf Anhieb funktioniert hat, nur in den anderen Browsern nicht

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
__________________
Webmaster Portal - Webkatalog
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 16:26 Uhr.