[gelöst]Leerer weißer Bereich unter Fußzeile - clearfix:after?
Eingetragen von ThuleNB (380)am 17.11.2014 - 09:16 Uhr in
Hallo zusammen,
ich habe unter meinem Footer einen komischen weißen/leeren Bereich, den ich nicht weg bekomme (Subtheme von Bartik). Ich habe schon einige Beiträge zu diesem Thema gefunden, aber die Lösungen beziehen sich meist auf die Höhe der Fußzeile. Mit Firebug habe ich die Höhe schon für #footer, #footer-wrapper geändert, aber der weiße Bereich bleibt.
In Firebug habe ich dann mal im CSS-Befehl clearfix:after bei content:"." den Punkt gelöscht und siehe da, der weiße Bereich ist weg. Das clearfix:after ist in der system.css enthalten. Ich habe die system.css in mein Subtheme kopiert. Wenn ich nun den Clearfix-Befehl ändere wirkt sich dieser nicht nur unten an der Fußzeile aus sondern auch an allen anderen Stellen, die ein clearfix: after haben. Zwei Fragen dazu:
1) Wie kann ich das clearfix nur für den Fußbereich ändern? #footer .clearfix:after {content: ""} habe ich schon versucht, aber es klappt nicht. Geht das überhaupt?
2) Ist das generell eine empfehlenswerte Vorgehensweise? Oder sollte man das clearfix in Ruhe lassen?
- Anmelden oder Registrieren um Kommentare zu schreiben
Ich kenne mich mit dem CSS
am 17.11.2014 - 10:34 Uhr
Ich kenne mich mit dem CSS von Bartik zu wenig aus, aber ich weiß, daß das gleiche Problem auch schon bei Omega diskutiert wurde.
Hier der Thread dazu, den Du evt. kennst:
https://www.drupal.org/node/705900
Ich habe gerade in einer aktuellen 7.33 Installation mit Omega 7.x-3.1 kontrolliert, wo ich den Fehler nicht erkennen kann:
Dort greift folgender Style:
.clearfix:after { /*im alpha-Theme überschrieben*/
font-size: 0;
}
.clearfix:after { /*im System.base.css definiert*/
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
Entscheidend scheint das font-size: 0; zu sein. Hast Du das auch getestet?
Bei mir ist das nicht nur für das Footer Clearfix definiert, sondern allgemein.
Probiere mal, nur den font anzufassen.
Andererseits müßte es aber auf jeden Fall möglich sein, das dediziert nur für den Footer zu definieren.
Ich würde nicht das ganze system.css in das Subtheme packen, sondern nur die geänderte CSS-Defintion in das CSS des Subthemes.
Und dann mal in diversen Browsern testen, IE soweit zurück, wie Du für nötig erachtest.
Weil meines Wissens handelt sich das mit dem Clearfix ja um einen Hack für ältere IE's.
Gibt es einen Link, wo man das ansehen kann, oder hast Du es nur lokal?
Das gibt es nicht. font-size:
am 18.11.2014 - 08:57 Uhr
Das gibt es nicht. font-size: 0 und der mysteriöse weiße Rand ist weg. Vielen herzlichen Dank Dir!