|
||||
Clear ohne Markup + Footer und 100%: kleines Problem
Hallo,
Ich hab’ das Layout soweit, daß der Footer immer unten klebt, der Inhalt mitwächst usw. clear:both mit :after funktioniert soweit auch, nur daß bei kleinen Auflösungen (800×600) oder starker Vergrößerung das Menü den :after-content unter den Footer schiebt. Hier zu betrachten. Das CSS hab’ dort verlinkt, das ist etwas verteilt, aber zum Entwickeln so übersichtlicher. Der HTML-Aufbau sieht in etwa so aus: Code:
<body id="page"> <div id="hauptkasten"> <h1 id="seitentitel">wie auch immer das heißen wird</h1> <div id="wobinich">der Klickpfad</div> <div id="inhalt">lauter Text</div> <div id="menuekasten">die Navigationsliste und so</div> </div> <div id="fuszzeile"> nach oben </div> </body> Abgesehen davon steht noch folgendes im CSS: Code:
#hauptkasten:after { /* Inhalt pseudo-Element :after; * somit [clear] moeglich */ content: "."; /* [content] verbergen; */ /*visibility:hidden;*/ height:0; /* Block-Level fuer [clear]; */ display:block; /* [float] clearing; * einbeziehen der Float-Container; */ clear:both; } * html #hauptkasten { /* nur fuer IE-Win; * definierte groeße (height or witdh) * fuer automatisches einbeziehen * der Float-Container (auto-clearing); * * verbergen IE-Mac \*/ height: 1%; /* ende verbergen IE-Mac */ } Ich hoff’ ich hab’ jetzt nichts vergessen, muß nämlich gleich weg. Nur eins noch (die Frage): Hab’ ich das im Sinne des Erfinders umgesetzt? Kann man verhindern, daß der Punkt zum Clearen unter den footer wandert? Vielleicht könnt ihr noch das Skalieren testen, läuft über Code:
width:70em; min-width:50%; max-width:95%; Danke soweit schonmal. EDIT: Ich sehe schon, im Opera funktioniert das so nicht. |
Sponsored Links |
|
|||
Re: Crear ohne Markup + Footer und 100%: kleines Problem
Zitat:
font-size:0; dürfte helfen, aber ob dann das clear noch funktioniert, weiß ich gerade nicht. Bei einem solchen Layout würde ich die Methode mit einem clear-Element bevorzugen. Diesem Element kannst du dann die Höhe geben, die der footer nach oben geschoben wird. Das macht IMHO die wenigsten Probleme in versch. Browsern. |
Sponsored Links |
|
|||
Wieso hast du denn das visibility:hidden; auskommentiert? Das ist doch gerade dafür da, dass der Punkt nicht sichtbar ist, oder verstehe ich hier irgendetwas falsch?
Ich habe manchmal das Problem, dass dort, wo die Seite schon zu Ende ist, noch 1em scrollbarer Platz ist. Der ist dann wohl dafür da, den Punkt anzuzeigen, der aber mit dem visibility:hidden; gar nicht sichtbar ist. Deshalb mache ich statt height: 0; manchmal height:15px;margin-top:-15px;. |
|
||||
Das funktioniert nicht.
Das hidden hab’ auskommentiert, damit man den Punkt sieht. Der wird dann schon wieder versteckt. Aber solange ich nicht weiß, ob es wirklich funktioniert, will ich den sehen, um zu wissen, wo er ist. Schaut euch mal das im FF an und verkleinert das Fenster. Dann neu laden, Fenster auf Vollbild und nochmal neu laden. Springen Seitentitel und Klickpfad? |
|
|||
Ohne mich jetzt geanu mit Deinem Thema befaßt zu haben.
Diesen Thread zur Clear-Class hast Du auch gesehen, die Betonung liegt auf CLASS.
__________________
</ulle> |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Problem mit float und clear | nicolafw | CSS | 8 | 06.11.2014 13:45 |
IE Problem : Footer überlagert Contentbereich | lord_icon | CSS | 5 | 12.08.2007 14:43 |
Footer Problem (3 spaltiges Layout, variable Höhe) | Lofesto | CSS | 2 | 23.07.2007 17:13 |
Footer Problem | blub19 | CSS | 6 | 25.01.2005 12:46 |
problem mit dem footer | johnpatcher | CSS | 4 | 30.11.2004 14:02 |