Frage stellenHallo,
der Footer, welcher im IE korrekt am unteren Bildschirmende angezeigt wird, ist im Firefox einfach nicht unten und ich habe ABSOLUT keinen Plan, wieso nicht.
Vielen Dank für eure Hilfe...
Community rund um Cascading Style Sheets, Tutorials & KnowHow für Webmaster
Footer nicht unten (Firefox)
12 Beiträge • Seite 1 von 1
Footer nicht unten (Firefox)
von benja » 08.03.2007, 17:45
Zuletzt geändert von benja am 28.10.2009, 10:07, insgesamt 1-mal geändert.
- benja
- neu hier
- Beiträge: 7
- Registriert: 08.03.2007, 17:22
von Laus » 08.03.2007, 22:48
Du clearst falsch.
-->Eigne dir die Grundlagen an<-- und wende -->Easy-Clearing<-- an . und damit es auch im IE7 funktioniert hilft dir -->dieser Beitrag<--
in deinem Fall wäre das so anzuwenden. Benutze für die Hauptdivs nicht class sondern id.
Beachte dabei jedoch das display: inline-table; im IE7 nicht mehr funktioniert. Du verwendest dafür am besten display: inline-block;. Siehe auch den o.g. Artikel zum IE7.
-->Eigne dir die Grundlagen an<-- und wende -->Easy-Clearing<-- an . und damit es auch im IE7 funktioniert hilft dir -->dieser Beitrag<--
in deinem Fall wäre das so anzuwenden. Benutze für die Hauptdivs nicht class sondern id.
- Code: Alles auswählen
<div id="main" class="clearfix">
Beachte dabei jedoch das display: inline-table; im IE7 nicht mehr funktioniert. Du verwendest dafür am besten display: inline-block;. Siehe auch den o.g. Artikel zum IE7.
Lachen ist kein schlechter Anfang und bei weitem das beste Ende.
(Oscar Wilde)
(Oscar Wilde)
-
Laus - Moderator
- Beiträge: 1229
- Registriert: 25.02.2006, 00:30
- Wohnort: Furth im Wald
von Executor » 08.03.2007, 23:28
passt zwar net rein, aber Xaver du bist der beste^^
ich hatte auch immer probs mit dem clearen, danke für die links^^
Executor
ich hatte auch immer probs mit dem clearen, danke für die links^^
Executor
Reise, Reise
Amerika
Mutter
Mein Teil
Stein um Stein
Tier
Engel
Ich will
Nebel
Amerika
Mutter
Mein Teil
Stein um Stein
Tier
Engel
Ich will
Nebel
- Executor
- ist häufig da
- Beiträge: 156
- Registriert: 08.08.2006, 01:48
- Wohnort: Richtplatz
von benja » 09.03.2007, 01:40
Ok, ich hab mal deine Ratschläge befolgt und es mit footerStickAlt probiert. Scheint auch erstmal alles gut zu funktionieren, jedoch habe ich bei Firefox nun oben einen kleinen Abstand zum Bildschirmoberrand (nicht in IE). Kannst du dir das vielleicht nochmal anschauen?
Vielen Dank!
HTML
http://kunden.dreitondesign.de/lundb/index3.html
------
CSS
http://kunden.dreitondesign.de/lundb/style3.css
------
Vielen Dank!
HTML
http://kunden.dreitondesign.de/lundb/index3.html
------
- Code: Alles auswählen
<DOCTYPE>
<html>
<head>
<meta>
<title>Untitled Document</title>
<link>
</head>
<body>
<div>
<div>
<p>fg </p>
<p>gjuik</p>
<p> </p>
<p>ghjkhkj </p>
</div>
<div></div>
</div>
</body>
</html>
CSS
http://kunden.dreitondesign.de/lundb/style3.css
------
- Code: Alles auswählen
html, body {
margin: 0;
padding: 0;
height: 100%;
background-image: url(img/_lundb_farbe_1x1px.jpg);
background-repeat: repeat;
}
#container-page {
width: 947px;
position: relative;
min-height: 100%;
height: auto !important;
height: 100%;
margin: auto;
background-image: url(img/bg_kompl_.jpg);
background-repeat: repeat-y;
background-color: #0000FF;
}
#container-content {
padding-bottom: 40px;
margin-left: 176px;
margin-right: 176px;
}
#container-foot {
width: 100%;
background: url(img/verlauf_footer_.jpg) no-repeat center bottom;
position: absolute;
bottom: 0 !important;
bottom: -1px;
height: 22px;
}
Zuletzt geändert von benja am 09.03.2007, 11:26, insgesamt 2-mal geändert.
- benja
- neu hier
- Beiträge: 7
- Registriert: 08.03.2007, 17:22
von Laus » 09.03.2007, 04:36
Bitte beim Posten von HTML Code bitte immer einen Haken vor Html in diesem Beitrag deaktivieren machen. Und natürlich nochmals der Hinweis: ein online Beispiel ist, wenn möglich, immer am besten. Der Fragende erspart sich das kopieren und einfügen und die Helfenden ebenfalls 
Gruß Xaver
Gruß Xaver
Lachen ist kein schlechter Anfang und bei weitem das beste Ende.
(Oscar Wilde)
(Oscar Wilde)
-
Laus - Moderator
- Beiträge: 1229
- Registriert: 25.02.2006, 00:30
- Wohnort: Furth im Wald
- benja
- neu hier
- Beiträge: 7
- Registriert: 08.03.2007, 17:22
von Laus » 09.03.2007, 12:24
Nimm
Gruß Xaver
- Code: Alles auswählen
height: auto !important;
Gruß Xaver
Lachen ist kein schlechter Anfang und bei weitem das beste Ende.
(Oscar Wilde)
(Oscar Wilde)
-
Laus - Moderator
- Beiträge: 1229
- Registriert: 25.02.2006, 00:30
- Wohnort: Furth im Wald
von benja » 09.03.2007, 12:46
hm, also in Opera und Firefox besteht der Fehler weiterhin. Ich hab mal ein Screenshot gemacht.
Mich ärgert der Fehler wirklich, weil ich keine Ahnung habe, wo er liegen könnte...
Wie auf dem Screenshot zu sehen ist, setzt der Browser einfach oben einen Rand und verschiebt damit die ganze Seite ein Stück nach unten (deswegen auch ein Scrollbalken).
Die Seite wird jedoch KORREKT angezeigt (in Firefox), wenn ich GAR KEINEN Inhalt schreibe (genauer: wenn ich keine Absätze drin habe). Ist das nicht seltsam??
Mich ärgert der Fehler wirklich, weil ich keine Ahnung habe, wo er liegen könnte...
Wie auf dem Screenshot zu sehen ist, setzt der Browser einfach oben einen Rand und verschiebt damit die ganze Seite ein Stück nach unten (deswegen auch ein Scrollbalken).
Die Seite wird jedoch KORREKT angezeigt (in Firefox), wenn ich GAR KEINEN Inhalt schreibe (genauer: wenn ich keine Absätze drin habe). Ist das nicht seltsam??
- benja
- neu hier
- Beiträge: 7
- Registriert: 08.03.2007, 17:22
von Laus » 09.03.2007, 13:13
Ups Sorry
Aber so gehts einem wenn Mann viele Dinge gleichzeitig tut
Vergiss was ich oben geschrieben habe.
Setze das an den Anfang deiner CSS Datei
Xaver
Aber so gehts einem wenn Mann viele Dinge gleichzeitig tut
Vergiss was ich oben geschrieben habe.
Setze das an den Anfang deiner CSS Datei
- Code: Alles auswählen
*{margin:0; padding:0;}
Xaver
Lachen ist kein schlechter Anfang und bei weitem das beste Ende.
(Oscar Wilde)
(Oscar Wilde)
-
Laus - Moderator
- Beiträge: 1229
- Registriert: 25.02.2006, 00:30
- Wohnort: Furth im Wald
- benja
- neu hier
- Beiträge: 7
- Registriert: 08.03.2007, 17:22
von benja » 10.03.2007, 12:52
Ok - ein weiteres Problem mit diesem Layout. Habe jetzt eine float box links eingesetzt (für die navigation). Im Firefox wir alles KORREKT dargestellt, im IE allerdings verschiebt sich der Footer nach rechts, wenn die float box länger ist als der eigentliche Inhalt (erst wenn rechts im umgebenen Container wieder mehr Inhalt ist, wird es korrekt dargestellt) - hört sich kompliziert an, sieht aber einfach ganz schlecht aus:
http://kunden.dreitondesign.de/lundb/index3.html
http://kunden.dreitondesign.de/lundb/style3.css
Was ist da schon wieder falsch??
http://kunden.dreitondesign.de/lundb/index3.html
http://kunden.dreitondesign.de/lundb/style3.css
Was ist da schon wieder falsch??
- benja
- neu hier
- Beiträge: 7
- Registriert: 08.03.2007, 17:22
- benja
- neu hier
- Beiträge: 7
- Registriert: 08.03.2007, 17:22
12 Beiträge • Seite 1 von 1
Moderatoren: Laus, Moderatoren
Ähnliche Beiträge zu "Footer nicht unten (Firefox)"
- FooterStickyNEU ?? Feedback
- footer std. am Browser bottom, sonst nach unten ?
- Zeilenabstand und Footer
- Vertikale Linie bis ganz unten
- Text unten ausrichten in Navigationsleiste mit Bild
- Abstände unten und oben
- die css stylsheet datei wird vom firefox falsch gelesen
- Tab Darstellungsproblem Firefox und IE
- IE und Firefox unterschiedlicher padding-top
Zurück zu: CSS für Anfänger
Wer ist online?
Mitglieder in diesem Forum: 0 Mitglieder und 2 Gäste