zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden FooterStickAlt - Zentrieren?

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 29.07.2008, 13:11
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 14.08.2007
Beiträge: 20
MrPutty befindet sich auf einem aufstrebenden Ast
Unglücklich FooterStickAlt - Zentrieren?

Ich versuche verzweifelt ein Layout auf der 'FooterStickAlt' Basis mittig zu zentrieren. Bei jedem Versuch, wird der Footer-Effekt wieder zerstört.

Sollte das 'FooterStickAlt' Konstrukt einen Container bekommen? Mir scheint, ich hab ein dickes Brett vor'm Kopf!

Gruß, Putty

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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Dokument</title>
<link rel="stylesheet" href="test.css" type="text/css" title="Default Style" />
</head>

<body>
<html>
<body>
  <div id="center">
    <div id="nonFooter">
      <div id="wrapper">pp</div>
    </div>
    <div id="footer">Foot</div>
  </div>
</body>
</html>
Code:
* {
margin: 0;
padding: 0;
}
html
{
height: 100%;
}

body
{
height: 100%;
}

#nonFooter
{
position: relative;
min-height: 100%;
width:960px;
background-color: #f0ff00;
}

* html #nonFooter
{
height: 100%;
}

#wrapper
{
padding-bottom: 9em;
background-color: #00ff00;
}

#footer
{
position: relative;
margin-top: -83px;
height: 83px;
width:960px;
background-color: #0000f0;
}
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 29.07.2008, 13:18
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.778
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

Wenn du um #nonFooter und #footer einen weiteren Container legst, benötigt auch dieser height:100%.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 29.07.2008, 13:51
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 14.08.2007
Beiträge: 20
MrPutty befindet sich auf einem aufstrebenden Ast
Standard

Danke für den Hinweis! Hier noch meine Lösung, vieleicht hilft's jemandem:

- Wrapper mit 100% height (thx@fricca)
- Wrapper mit text-align:center im body tag zentrieren (IE)
- Wrapper mit fester breite versehen und mit margin:0 auto; zentrieren. (FF)

So hat's nun doch geklappt
Mit Zitat antworten
Antwort

Stichwörter
footerstick, footerstickalt, zentrieren

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
margin:0 auto; weiterer div-bereich zentrieren seeadler CSS 7 14.07.2008 22:00
Zentrieren bei position:fixed Alessia CSS 3 26.02.2008 15:33
IE: Probleme beim Zentrieren idontwantaname CSS 7 15.11.2007 18:36
Bild vertikal zentrieren in Blockelement in IE nur m. TABLE AndreasB CSS 11 13.03.2006 18:05
Container horiz. + vert. zentrieren, 2 eingeschlossene ab... Jessix CSS 4 10.07.2004 17:15


Alle Zeitangaben in WEZ +2. Es ist jetzt 04:46 Uhr.