zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > (X)HTML
Seite neu laden Clear ohne Markup + Footer und 100%: kleines Problem

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 28.01.2006, 16:16
Benutzerbild von E|H
E|H E|H ist offline
body:hover{display:none;}
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 27.01.2005
Beiträge: 1.325
E|H befindet sich auf einem aufstrebenden Ast
Standard 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>
Das Menü hat nur width:15%;, die drei Elemente daneben (Seitentitel, Klickpfad, Inhalt) sind nach rechts gefloatet und haben width:80%;.

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 */
}
visibility:hidden; hab’ ich mal auskommentiert, damit man sieht, wo der Punkt ist. Wenn man das nicht auskommentiert, ändert das am Verhalten gar nichts.

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%;
für #hauptkasten.

Danke soweit schonmal.

EDIT: Ich sehe schon, im Opera funktioniert das so nicht.
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 28.01.2006, 16:54
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
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 Re: Crear ohne Markup + Footer und 100%: kleines Problem

Zitat:
Zitat von E|H
Kann man verhindern, daß der Punkt zum Clearen unter den footer wandert?
Du hast height:0; angegeben, so ragt der Punkt aus der generierten Box heraus. Das taucht dann unter dem footer wieder auf.
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.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 28.01.2006, 17:22
Benutzer
neuer user
 
Registriert seit: 01.12.2005
Beiträge: 94
sebastianu befindet sich auf einem aufstrebenden Ast
Standard

Hab ich was verpasst, oder kann man mit einem einfachen

Code:
overflow: auto;
für den umfassenden Container auch ohne zusätzliches Markup die Floats clearen?

btw: Gehört so was nicht ins CSS Forum?
Mit Zitat antworten
  #4 (permalink)  
Alt 28.01.2006, 19:40
Benutzerbild von E|H
E|H E|H ist offline
body:hover{display:none;}
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 27.01.2005
Beiträge: 1.325
E|H befindet sich auf einem aufstrebenden Ast
Standard

@fricca: Du meinst, im HTML ein Element mit clear:both; einfügen?
Hm …
Ungern.

Da aber der Opera nicht mitmacht, bin ich am Überlegen, ob ich nicht den footer in den hauptkasten setze und mit dem cleare.
Dann klebt er halt nicht immer ganz unten.

Je einfacher das Konzept, umso weniger anfällig ist es.

Das ist CSS und HTML, daher hab’ ich das mal hier reingestellt.

Wo steht overflow:auto; ?

Nachtrag:

Warum hüpfen im IE die Links, wenn man mit der Maus drüberfährt?
Mit Zitat antworten
  #5 (permalink)  
Alt 28.01.2006, 19:57
Markus
neuer user
 
Registriert seit: 02.04.2005
Ort: Gau-Bischofsheim
Beiträge: 76
theMaSta befindet sich auf einem aufstrebenden Ast
Standard

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;.
Mit Zitat antworten
  #6 (permalink)  
Alt 28.01.2006, 20:10
Benutzerbild von E|H
E|H E|H ist offline
body:hover{display:none;}
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 27.01.2005
Beiträge: 1.325
E|H befindet sich auf einem aufstrebenden Ast
Standard

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?
Mit Zitat antworten
  #7 (permalink)  
Alt 28.01.2006, 20:15
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 02.06.2003
Beiträge: 2.441
ulle befindet sich auf einem aufstrebenden Ast
Standard

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>
Mit Zitat antworten
  #8 (permalink)  
Alt 28.01.2006, 20:17
Benutzerbild von E|H
E|H E|H ist offline
body:hover{display:none;}
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 27.01.2005
Beiträge: 1.325
E|H befindet sich auf einem aufstrebenden Ast
Standard

Du meinst, den IE-Mac auszusperren?
Mit Zitat antworten
  #9 (permalink)  
Alt 28.01.2006, 20:19
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 02.06.2003
Beiträge: 2.441
ulle befindet sich auf einem aufstrebenden Ast
Standard

Jaein, das auch, ich meine eine Class erleichtert das Testen, und diese verlinkte müßte gehen, ohne MAC.
__________________
</ulle>
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 28.01.2006, 22:09
Benutzerbild von E|H
E|H E|H ist offline
body:hover{display:none;}
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 27.01.2005
Beiträge: 1.325
E|H befindet sich auf einem aufstrebenden Ast
Standard

Class statt id?
Ich steh’ grad voll auf’m Schlauch …
Mit Zitat antworten
Sponsored Links
Antwort

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
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


Alle Zeitangaben in WEZ +2. Es ist jetzt 07:29 Uhr.