|
|||
CSS - Background-image im Firefox
Servus,
habe seit einigen std. ein problem mit meiner CSS datei. bin dabei eine webseite zu erstellen und firefox zickt rum. Im ie7 sieht alles in Orndung aus, nur im Firefox 3 habe ich folgendes problem (schaut euch das screenshot an) ie-screenshot.jpg firefox-screenshot.jpg Im IE ist der weise bereich im Hintergrund durchgehent bis unten hin, der Firefox bricht aber diesen weissen bereich ab. schaut euch auch meine css datei an... --------------------------------------- --------------------------------------- --------------------------------------- Zitat:
--------------------------------------- --------------------------------------- |
Sponsored Links |
|
||||
Eine Box mit float:left oder float:right dehnt ihre Elternbox nicht aus, sonder läuft nach unten aus ihr heraus.
Firefox macht es genau richtig, auch du das nicht magst. Sieh dir Punkt 2 unserer FAQ an, dann ist die Lösung nicht mehr schwer. Gruß Thomas
__________________
toscho.de |
Sponsored Links |
|
|||
Code:
body { min-height: 100px; } #wrapper { height:100%; } Dieser Code kann nicht wie gewollt funktionieren, denn height: 100% heißt für gute Browser: "Bis hierhin und nicht weiter". Erfordert der Inhalt mehr Raum, läuft er einfach aus der auf 100% Höhe gesetzten Box heraus. Damit sich diese Box mehr als 100% in der Höhe ausdehnen kann, musst du anders vorgehen. Wie das funktioniert, ist in diesem Artikel in unserer Wiki beschrieben: Seite auf 100% Höhe - XHTMLwiki Wenn IE 7 die Inhalte in #wrapper trotzdem komplett einfasst, befindet sich dieser Browser wahrscheinlich im Quirksmodus. |
|
|||
moin moin,
habe es ausprobiert wie es mir beschrieben wurde, leider ohne erfolg. Sorry bin etwas verwirrt. Aber ich habe gemerkt wen ich im feld Zitat:
Zitat:
aber dann ist die seite nicht mittig sondern beim ie auf der rechte seite und beim firefox links siehe fotos: IE FIREFOX |
|
|||
Bevor du dich mit absoluter Positionierung beschäftigst, sorg für ein solides Fundament deiner Site:
1. Stell sicher, dass deine Seite einen Doctype verwendet, der den Browser in den Standards-Modus schaltet. 2. Lies den im Vorposting verlinkten XHTMLWiki-Beitrag. Tipp: Vergleich das Beispiel am Ende des Artikels mit deinem Code. |
|
|||
Wiki
Code:
html, body { margin:0; padding:0; height:100%; } #container { min-height: 100%; } Dein Code: Code:
body { margin: 0; padding: 0; min-height: 100px; } #wrapper { width: 753px; height:100%; margin: 0 auto; } Vergleich doch einmal die beiden Code-Schnipsel. Fällt dir immer noch nicht auf, was deinem Code fehlt? Und noch einmal der Hinweis auf den Doctype. |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Redesign für Steiner Cycling Team | pkipper | Site- und Layoutcheck | 11 | 09.02.2011 13:25 |
Frage zu horizontalen Linien | marvin1989 | CSS | 3 | 30.12.2009 00:35 |
Float - Probleme | wolf1985 | CSS | 5 | 19.08.2008 09:14 |
CSS Hack | dalmidog | CSS | 1 | 28.03.2008 18:32 |
joomla template entschlüsseln | nieselfriem | CSS | 2 | 18.03.2008 14:12 |