| Autor |
Nachricht |
deeesi
Threadersteller
Dabei seit: 01.09.2004
Ort: Leverkusen
Alter: 45
Geschlecht: 
|
Verfasst Mi 13.02.2008 13:42
Titel [HTML] Footer-Problem (solved, thx) |
  |
|
Hallo,
ich krieg Folgendes nicht hin:
Ich möchte einen Footer immer unten an der Browserkante haben.
Wenn ich den Browser nach oben zusammenschiebe, soll der Footer aber unter dem vorhandenen Text stehen bleiben.
IE6, IE7 und Safari machen fein mit, dur der Firefox weigert sich.
Vielleicht hat jemand eine Idee.
Es handelt sich um diese Seite:
http://desi-gn.de/forum/index_test.html
Ich hab schon 1000 Lösungen für feststehende Footer durchprobiert, die alle noch mehr Macken haben. Diese wäre optimal, wenn der FF nicht wäre. Ich wäre sehr dankbar für alles.
Zuletzt bearbeitet von deeesi am Mi 13.02.2008 15:07, insgesamt 1-mal bearbeitet
|
|
| |
   |
 |
choise
Dabei seit: 01.02.2007
Ort: Würzburg
Alter: 38
Geschlecht: 
|
|
| |
|
|
|
Anzeige
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 13.02.2008 13:58
Titel
|
|
|
| Code: | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<title></title>
<style type="text/css">
* {
margin: 0;
padding: 0;
}
html, body {
height: 100%;
}
div#wrapper {
background: #333;
height: 100%;
min-height: 100%;
height: auto !important;
margin: 0 auto;
position: relative;
width: 800px;
padding-bottom: 120px;
}
div#head {
background: #eee;
height: 120px;
}
div#content {
color: #FFFF00;
}
div#foot {
background: #ccc;
height: 120px;
position: absolute;
bottom: 0;
width: 100%;
}
div.hght {
color: #f00;
height: 400px;
}
</style>
</head>
<body>
<div id="wrapper">
<div id="head"></div>
<div id="content">
<div class="hght">test</div>
<div class="hght">test</div>
<div class="hght">test</div>
test test test test test test test test test test test test test test test test test test
test test test test test test test test test test test test test test test test test test
test test test test test test test test test test test test test test test test test test
test test test test test test test test test test test test test test test test test test
test test test test test test test test test test test test test test test test test test
test test test test test test test test test test test test test test test test test test
test test test test test test test test test test test test test test test test test test
test test test test test test test test test test test test test test test test test test
test test test test test test test test test test test test test test test test test test
letzte Zeile
</div>
<div id="foot">fuß</div>
</div>
</body>
</html> |
sollte funktionieren
|
|
| |
|
|
deeesi
Threadersteller
Dabei seit: 01.09.2004
Ort: Leverkusen
Alter: 45
Geschlecht:
|
Verfasst Mi 13.02.2008 14:06
Titel
|
|
|
@m: bei deinem beispiel muss ich, um den footer überhaupt mal sehen zu können immer nach unten scrollen. also ich hab auch immer nen scroollbalken 
@choise: sieht gut aus bisher, guck ich mir mal genauer an
dank euch
aber ich nehm gern noch mehr vorschläge 
|
|
| |
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 13.02.2008 14:10
Titel
|
|
|
Sorry, kleiner Fehler, so ist es korrekt:
| Code: | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<title></title>
<style type="text/css">
* {
margin: 0;
padding: 0;
}
html, body {
height: 100%;
}
div#wrapper {
background: #333;
height: 100%;
min-height: 100%;
height: auto !important;
margin: 0 auto;
position: relative;
width: 800px;
}
div#head {
background: #eee;
height: 120px;
}
div#content {
color: #FFFF00;
padding-bottom: 120px;
}
div#foot {
background: #ccc;
height: 120px;
position: absolute;
bottom: 0;
width: 100%;
}
div.hght {
color: #f00;
height: 400px;
}
</style>
</head>
<body>
<div id="wrapper">
<div id="head"></div>
<div id="content">
test test test test test test test test test test test test test test test test test test
test test test test test test test test test test test test test test test test test test
test test test test test test test test test test test test test test test test test test
</div>
<div id="foot">fuß</div>
</div>
</body>
</html> |
|
|
| |
|
|
deeesi
Threadersteller
Dabei seit: 01.09.2004
Ort: Leverkusen
Alter: 45
Geschlecht:
|
Verfasst Mi 13.02.2008 14:24
Titel
|
|
|
|
wenn die korrigierte version jetzt noch im IE6 gehen würde (ist nicht am boden, sondern immer unterm text) dann küss ich dir die füße
|
|
| |
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 13.02.2008 14:33
Titel
|
|
|
ah, die Reihenfolge der height Angaben für das #wrapper Element waren verkehrt:
| Code: | min-height: 100%;
height: auto !important;
height: 100%; |
|
|
| |
|
|
deeesi
Threadersteller
Dabei seit: 01.09.2004
Ort: Leverkusen
Alter: 45
Geschlecht:
|
Verfasst Mi 13.02.2008 14:35
Titel
|
|
|
danke!!!
(dass das an ner reihenfolge liegen kann, müsste verboten werden)
|
|
| |
|
|
| |
|
|
| Ähnliche Themen |
[css] - Footer Problem
Problem mit Footer
CSS Problem - Div Navi bis zum Footer
[css]problem beim positionieren vom footer!
footer problem im ie6 'dank' javascript
Problem: Chrome CSS Footer Ausrichtung
|
|
Willkommen auf dem Portal für Mediengestalter
