tutorials.de Buch-Aktion 05/2012
Seite 1 von 2 12 LetzteLetzte
ERLEDIGT
JA
ANTWORTEN
16
ZUGRIFFE
2574
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
DIESES THEMA IST
GESCHLOSSEN
  1. 20.03.07 10:44 #1
    stefanstp stefanstp ist offline Mitglied Bronze
    Registriert seit
    Aug 2003
    Beiträge
    31
    Ich habe auf http://www.polizei-weblog.de/polizeiberuf.html einen Footer, der soll unten angezeigt werden, das macht der aber nur im ie 7.0 und firefox. Aber nicht im ie 6.0. Wie kann ich es trotzdem schaffen. Am liebsten wäre mir sogar, das der Footer nur unten angezeigt wird, wenn man am Ende der Seite ist jedoch, wenn die Seite nur 1/2 Seite füllt, auch ganz unten angezeigt wird, und nicht in der Mitte schwebt.

    Bitte um Hilfe

    Danke

    Stefan
     
    Über 700 Grafikworkshops und 1000 kostenlosen Downloads zu Photoshop, Cinema4D & Co:
    http://www.psd-tutorials.de
  2. 20.03.07 11:03 #2
    Maik Tutorials.de Gastzugang
    Hi,

    versuch es mal mit einem übergeordneten DIV #wrapper, in das du das bestehende Layout einbindest:

    Code :
    1
2
3
4
5

    <body>
    <div id="wrapper">
        <-- Hier folgt der Bestand -->
    </div>
</body>

    und füge im Stylesheet folgende Regelerweiterungen hinzu:

    Code :
    1
2
3
4
5
6
7
8
9
10
11
12
13

    html, body {
margin:0px;
padding:0px;
font-family: Verdana, sans-serif; font-size: 11px;
[b]height: 100%;[/b]
}
 
#wrapper {
position: relative;
min-height: 100%;
height: auto !important;
height: 100%;
}
     
  3. 20.03.07 11:37 #3
    stefanstp stefanstp ist offline Mitglied Bronze
    Registriert seit
    Aug 2003
    Beiträge
    31
    ich habe es mal hier in meiner zweiten, vom code her identischen seite probiert, da geht es mit deinem code im ie 6.0 leider nicht:

    http://www.tipps-zur-datenrettung.de...mpfehlung.html

    kannst nochmal bitte dort schauen? danke
     
    Über 700 Grafikworkshops und 1000 kostenlosen Downloads zu Photoshop, Cinema4D & Co:
    http://www.psd-tutorials.de
  4. 20.03.07 11:44 #4
    Maik Tutorials.de Gastzugang
    Sorry, hab vorhin noch was vergessen

    Code :
    1
2
3
4
5
6
7
8
9
10
11
12
13

    #footer {
background-color:#51473D;
background-image:url(../images/footer.jpg);
background-position:center top;
background-repeat:repeat-x;
color:#9B8A79;
font-family:Tahoma,Arial;
font-size:10px;
padding:5px 0px 0px 0px;
[b]position:absolute;[/b]
width:100%;
bottom: 0;
}
     
  5. 20.03.07 11:55 #5
    stefanstp stefanstp ist offline Mitglied Bronze
    Registriert seit
    Aug 2003
    Beiträge
    31
    das sieht schon verdammt gut aus, jedenfalls im ie 6.0 klappt es perfekt, nur diesmal im firefox nicht:

    http://www.tipps-zur-datenrettung.de...mpfehlung.html

    bitte nochmal kurz schauen.

    ich danke dir jetzt schon sehr!
     
    Über 700 Grafikworkshops und 1000 kostenlosen Downloads zu Photoshop, Cinema4D & Co:
    http://www.psd-tutorials.de
  6. 20.03.07 12:09 #6
    Maik Tutorials.de Gastzugang
    Probier's mal ohne die Sternchen:

    Code :
    1
2
3
4
5
6
7

    html, body {
[color=red]*[/color]height: 100%;[color=red]*[/color]
}
 
#footer {
[color=red]*[/color]position:absolute;[color=red]*[/color]
}
     
  7. 20.03.07 12:20 #7
    stefanstp stefanstp ist offline Mitglied Bronze
    Registriert seit
    Aug 2003
    Beiträge
    31
    da sag ich doch mal ganz groß danke! hat geklappt!
     
    Über 700 Grafikworkshops und 1000 kostenlosen Downloads zu Photoshop, Cinema4D & Co:
    http://www.psd-tutorials.de
  8. 20.03.07 18:21 #8
    stefanstp stefanstp ist offline Mitglied Bronze
    Registriert seit
    Aug 2003
    Beiträge
    31
    ich hatte mich so gefreut, jetzt muß ich zuhause beim ie 7.0 sehen, das es jetzt da nicht geht. der internet explorer kotzt mich echt an. bitte ein letztes mal im hilfe:

    und zwar ist beim ie7.0 der footer auf dem ersten blick auf dieser seite unten, aber scrollt man weiter nach unten, bleibt der footer in der luft

    http://www.polizei-weblog.de/wissen/...eibeamten.html
     
    Über 700 Grafikworkshops und 1000 kostenlosen Downloads zu Photoshop, Cinema4D & Co:
    http://www.psd-tutorials.de
  9. 20.03.07 19:34 #9
    Maik Tutorials.de Gastzugang
    Hi,

    der Grund hierfür ist wohl die fixe Höhenangabe für das DIV #content.

    Versuch es daher mal ohne eine Höhenangabe:

    Code :
    1
2
3
4
5
6

    #content {
/*height:200px;*/ /* auskommentiert = deaktiviert */
margin:0px auto;
position:relative;
width:90%;
}
     
  10. 20.03.07 19:58 #10
    stefanstp stefanstp ist offline Mitglied Bronze
    Registriert seit
    Aug 2003
    Beiträge
    31
    im ie 7.0 + firefox gehts, muß ich morgen prüfen obs jetzt wieder auch im ie 6.0 geht. schon mal besten dank!
     
    Über 700 Grafikworkshops und 1000 kostenlosen Downloads zu Photoshop, Cinema4D & Co:
    http://www.psd-tutorials.de
  11. 20.03.07 20:01 #11
    Maik Tutorials.de Gastzugang
    Bei mir muckt der IE6 nicht auf
     
  12. 03.04.07 12:10 #12
    stefanstp stefanstp ist offline Mitglied Bronze
    Registriert seit
    Aug 2003
    Beiträge
    31
    wie schaffe ich es hier, das die seite im ie 6.0 nicht umgebrochen wird:

    http://www.tipps-zur-datenrettung.de...ocopy-eac.html

    im firefox und ie 7.0 gehts, nur mal wieder der 6.0 will nicht. bitte nochmal um hilfe
     
    Über 700 Grafikworkshops und 1000 kostenlosen Downloads zu Photoshop, Cinema4D & Co:
    http://www.psd-tutorials.de
  13. 03.04.07 12:15 #13
    Maik Tutorials.de Gastzugang
    Hi,

    was verstehst du hier unter einem "Seitenumbruch"?

    Ich kann zwischen Firefox 2 und IE 6 keine Unterschiede in der Seitendarstellung feststellen.
     
  14. 03.04.07 12:19 #14
    stefanstp stefanstp ist offline Mitglied Bronze
    Registriert seit
    Aug 2003
    Beiträge
    31
    das ist bei einer Auflösung von 1024x768 im ie 6.0 siehe anhang
    Miniaturansicht angehängter Grafiken Miniaturansicht angehängter Grafiken Wie den Footer immer unten anzeigen lassen in Webseite?-fehler.jpg  
     
    Über 700 Grafikworkshops und 1000 kostenlosen Downloads zu Photoshop, Cinema4D & Co:
    http://www.psd-tutorials.de
  15. 03.04.07 12:50 #15
    Maik Tutorials.de Gastzugang
    Okay, jetzt seh ich, was du meinst - ich fahre hier nämlich eine 1280*1024-Auflösung.

    Vielleicht solltest du die beiden Spalten in ein umschliessendes DIV packen, das eine fixe Breite besitzt, oder du schaust dir Stu Nicholls' Beispiele für den min-width-Hack an, da der IE6 diese CSS-Eigenschaft nicht unterstützt, um so zu gewährleisten, dass der Zweispalter nicht zusammengerückt werden kann.
     
« Hilfe bei CSS Layout | Div verrutscht im FF »

Ähnliche Themen

  1. Footer immer unten (bei Nutzung des Mootools.Accordions)
    Von mille im Forum CSS
    Antworten: 2
    Letzter Beitrag: 23.08.10, 21:39
  2. Footer nicht immer ganz unten am Browserrand?
    Von blizz-faad im Forum CSS
    Antworten: 2
    Letzter Beitrag: 24.06.09, 07:13
  3. Footer immer ganz unten
    Von Merbi im Forum CSS
    Antworten: 4
    Letzter Beitrag: 13.02.08, 21:26
  4. Footer immer ganz unten
    Von HPB im Forum HTML & XHTML
    Antworten: 3
    Letzter Beitrag: 15.09.04, 16:47
  5. Footer immer nach unten ausrichten (Wie?)
    Von Stegie im Forum HTML & XHTML
    Antworten: 0
    Letzter Beitrag: 14.04.02, 20:02