✔ Fehler bei unterem Abstand

[BSA]

Hi Leute,

ich bin gerade dabei ein Layout zu machen, allerdings tritt dabei der Fehler auf das wenn ich viel Text im Content Bereich habe, das der Abstand des Footers zum unteren Rand größer wird. Ich vermute das das was mit der margin Angabe zu tun hat. Ich hab versucht ein wenig mit den Werten zu spielen, aber es funktioniert nicht, kann mir da vielleicht jemand helfen?

Hier mal zwei Screenshots um das Problem zu zeigen:

richtig bei weniger Text:
richtig

falsch bei viel Text:
falsch

Gruß BSA

#EDIT

Ein wenig Code wäre vielleicht gut, was?

div#content {
float: right;
margin: 15px 25px 40px 0 !important; /* moderne Browser */
margin: 15px 12.5px 40px 0; /* IE */
width: 660px;
font-size: 80%;
text-align: justify;
}

 

[Maik]

Hi,

Ein wenig Code wäre vielleicht gut, was?

der übrige Quellcode (HTML + CSS) wäre da ganz hilfreich, weil aufschlussreicher.

 

[BSA]

Sorry,

ist das okay so:

zensiert

Oder soll ich den Quelltext direkt Posten?

Gruß BSA

 

[Maik]

Ein Link zur Seite ist natürlich auch immer Willkommen

Wie es scheint, hängt es an der eingesetzten "clearfix"-Technik, dass sich der Abstand zwischen Footer und dem unterem Fensterrand erhöht, sobald der Seiteninhalt den vertikalen Viewport überschreitet.

Abhilfe schafft da die Hinzunahme der font-size:0-Deklaration:

/* clearfix zum Aufheben der Floatumgebung */

.clearfix:after {
content: ".";
display: block;
height: 0;
font-size: 0;
clear: both;
visibility: hidden;
}

 

[BSA]

Sorry, das ich jetzt erst antworte, hab den Thread ganz vergessen. Das klappt perfekt, ich danke dir wie immer vielmals!

Gruß BSA