Allgemeiner Fragenthread II

[Eli]

Also, soweit ich weiß, gibt es keine Definition.
Ich kenn nur den Trick:

HTML

Code:

<div id="layout"></div>
<div id="footer"></div>

CSS

Code:

#layout, body, html {
    height:100%;
    margin:0;
}
#footer  {
    background-color:#666666;
    height:30px;
    margin-top:-30px;
}

Das sorgt aber dafür, dass Teil Immer GANZ unten rumhängt.
Ich weiß jetzt aber nicht, ob du wolltest, dass es immer AM BILDSCHIRMRAND klebt.
Das sähe nämlich so aus:

Code:

#footer {
  height:40px;
  width: 100%;
  position: fixed;
  bottom: 0px;
  right: 0px;
  text-align: center;
  background-color: #000066;
  margin-top: 20px;
}

[Bluescreen]

Also, soweit ich weiß, gibt es keine Definition.
Ich kenn nur den Trick:

HTML

Code:

<div id="layout"></div>
<div id="footer"></div>

CSS

Code:

#layout, body, html {
    height:100%;
    margin:0;
}
#footer  {
    background-color:#666666;
    height:30px;
    margin-top:-30px;
}

Das sorgt aber dafür, dass Teil Immer GANZ unten rumhängt.

...

Aber das bedeutet doch, dass ich immer einen Scrollbalken hab, oder?

Ich weiß jetzt aber nicht, ob du wolltest, dass es immer AM BILDSCHIRMRAND klebt.
Das sähe nämlich so aus:

Code:

#footer {
  height:40px;
  width: 100%;
  position: fixed;
  bottom: 0px;
  right: 0px;
  text-align: center;
  background-color: #000066;
  margin-top: 20px;
}

...

Das ist, was ich nicht brauche.

[Eli]

Aber das bedeutet doch, dass ich immer einen Scrollbalken hab, oder?

...

Nein (sofern du height auf 100% lässt). Wieso probierst dus nicht einfach aus? oO
Was ich vergessen hab zu sagen: der div "layout" ist ein unsichtbarer, welcher sozusagen den Inhalt deiner Homepage einschließt.

[Drakes]

Eigentlich geht es schon in die Richtung von Eli, was du willst, aber eher position: absolute als position: fixed.

Code (CSS):

 
body, html {
	height:100%;
	margin:0;
}
#layout {
	margin-bottom: 50px;
}
#footer {
	height: 50px;
	position: absolute;
	bottom: 0;
}
 

Dafür ist die Höhe dann aber fixiert.

Eine andere möglichkeit wäre, einfach eine Mindesthöhe für #layout anzugeben, damit wäre footer zwar nicht ganz am Ende des Browsers wenn #layout wenig Inhalt hat, hat aber wenigstens einen gewissen Abstand.