Footer ist im FF ganz oben im IE korrekt

[Truhe]

Hallo zusammen!
Ich habe ein Problem, für das ich seit Tagen keine Lösung finde.

Ich habe ein Layout gemacht, bei dem ein Footer verwendet wird. Dieser soll natürlich auch unten sein.

Es ist geplant, dass sich die Seite nach unten hin verlängern soll, wenn der Content länger wird. Ich hab das schon 100 mal gemacht und diesmal will es nicht so klappen, wie ich will. Keine Ahnung warum.

Ich habe mir den Quelltext einer anderen Seite angesehen, die genauso gemacht wurde und es bei dieser Seite kopiert. Ohne Erfolg.

Interessant ist, dass der IE sowohl bei kurzen Seiten, als auch bei der langen alles korrekt macht, nur FF zickt herum.

Hier mal eine Testseite zum reinschauen: Testseite

Das CSS Sheet ist elendslang und kann ich gerne so versenden. ;o)

Zum Umschalten zwischen kurzen und langen Seiten bitte den Link "Über Uns" Rechts außen verwenden.

Ich hoffe, es kann mir da jemand helfen!
Danke schon mal im Voraus.

[Boris]

Der Firefox macht genau das, was du im CSS auch angegeben hast:

top: 0px;
left: 230px;

Wieso sollte er es also nach unten legen?

[Truhe]

Hallo Boris!
Danke für Deine schnelle Antwort.
Mein Problem war, dass sobasld ich zb: Top:850px angebe, der Footer dann in der langen Seite irgendwoe in der Mitte steht.

Kannst Du mir vielleicht ein bisse4rl weiterhelfen, weil ich steh im Moment wirklich am Schlauch!

Kann ja auch sein, dass ich schon im Style was komplett idiotisches angegeben habe.

Danke!

[Boris]

Wie wärs anstelle von top: mit bottom: 0 und position: fixed? ^^

[Truhe]

bottom:0 hatte ich schon. Ob ich das Posw: fixed in Kombi auch schon hatte weiß ich jetzt ehrlich nicht mehr. ;o)

Ich hab ja schon so viel versucht.
Ich probier das aber noch einmal und melde mich dann.

[Truhe]

Also ich glaube, jetzt hab ich die Lösung:

Schau mal hier.

Danke für Deinen Denkanstoß.

[Boris]

Es würde auch reichen, überall auf float zu setzen, dem footer ein clear: both zu geben und nirgends absolute oder relative Positionierung zu nutzen.

Dein CSS ist auch sehr bullig, sehr viele Angaben kann man wesentlich kürzer fassen. Das hier kann dabei helfen:

http://floele.flyspray.org/csstidy//...er.php?lang=de

[Truhe]

Ja, danke.
Ich weiß, mein CSS ist ziemlich massig. Aber es ist glaub ich, vor allem wegen der grafischen Nav so explodiert. ;o)

Mir ist da keine andere Lösung eingefallen.
Ich tüftle ja auch noch an einer Lösung die aktuellen Punkte zu markieren.

Ich habe auf einer anderen Seite das Problem damals so gelöst, wie es am Beginn des Stylesheets - auskommentiert - ist. Nur das funktioniert hier leider nicht.
Weiß noch nicht, wie ich das machen werde.
Es ist ja so, dass die Seite eigentlich dann mit einem CMS realisiert werden soll.

Es ist alles irgendwie etwas kompliziert ...

Fällt Dir dazu vielleicht irgendwas ein?

[Rinaldo]

http://www.andreas-kalt.de/webdesign...te-hervorheben

[Truhe]

Hallo!
Also ich habe das schon m,al gemacht.
Klappt super - mitt reiner Textnavigation.
Das sieht man ja auch in meinem Stylesheet, da stehen auskommentiert noch die Anweisungen drin.

Hier liegt der Fall aber komplett anders.
Ich habe erstens eine grafische Lösung, und außerdem 3 verschiedene Navigationsteile. TOP, MAIN und BUTTONS.
Jeder Button hat einen individuellen Namen. Ich habe es versucht, leider ohne Erfolg.

Da funktioniert das leider nicht ...

[Boris]

Was mit Texten möglich ist, das geht auch mit Grafiken, sofern alle über CSS eingebunden werden.

Wo ist nun dein Problem genau? Wie sehen deine Versuche aus?

[Truhe]

Hallo Boris!
Wo das Problem genau liegt kann ich nicht wirklich sagen. Es funzt eben nicht so, wie ich es normalerweise mach.

Alle Buttons haben eine Eindeutige ID

 		<div id="navigation">
    	<ul id="eins">
		<li id="m-home"><a href="index.htm">Home</a></li>
	  	<li id="m-blog"><a href="#">Blog</a></li>
	  	<li id="m-ueberuns"><a href="ueber_uns.htm">Über Uns</a></li>
	  	<li id="m-katzenbilder"><a href="#">Gallery</a></li>
		</ul><br>
        <ul id="eins">
		<li id="m-mc-katzen"><a href="#">Katzen</a></li>
		<li id="m-mc-kater"><a href="#">Kater</a></li>
		<li id="m-mc-kitten"><a href="#">Kitten</a></li>
                <li id="m-mc-kastraten"><a href="#">Kastraten</a></li>
                <li id="m-mc-pedigrees"><a href="#">Stammb&auml;ume</a></li>
		</ul><br>
                <ul id="eins">
		<li id="m-katzenausstellung"><a href="#">Shows</a></li>
		<li id="m-katzengesundheit"><a href="#">Gesundheit</a></li>
		<li id="m-katzenernaehrung"><a           href="#">Ern&auml;hrung</a></li>
		<li id="m-impressum"><a href="#">Impressum</a></li>
		<li id="m-links"><a href="#">Links</a></li>
		</ul> 

zu jeder ID hab ich einen CSS Style geschrieben - Du hast mein Stylesheet ja gesehen!

Das sieht dann z.B. für den Button HOME so aus:

ul#eins li a {
	display:block;
	width: 100%; /*Für den IE, der braucht das bei display:block;*/
	text-decoration:none;
}
ul li#m-home a{
	background:url(../_mainecoon_katzen_style/_mainecoons_navigation/maine_coon_home.gif) 0 0 no-repeat;
	line-height:25px;
}
ul li#m-home a:hover{
	background:url(../_mainecoon_katzen_style/_mainecoons_navigation/maine_coon_home_ho.gif) 0 0 no-repeat;
}

Dann habe ich im Body die ID "home" gesetzt.

Im CSS Sheet habe ich dann folgendes notiert:

/* ----- Hier die aktive Links -----*/
#home #m-home a {
	background-image:url(../_mainecoon_katzen_style/_mainecoons_navigation/maine_coon_home_ho.gif) 0 0 no-repeat;
	cursor:default;
}
#ueberuns #m-ueberuns a {
	background-image:url(../_mainecoon_katzen_style/_mainecoons_navigation/maine_coon_ueber_uns_ho.gif) 0 0 no-repeat;
	cursor:default;
}

/* ----- Ende aktive Links -----*/

An sich - soweit ich jetzt sagen kann, genauso wie in dem Tutorial.

Es tut aber nicht so, wie ich will.
Ich lade mal die aktuelle Version auf den Server.

Ach noch was: An sich sollte die Seite mit dem CMS ModX umgesetzt werden. Stellt sich die Frage, ob dass dann eh nicht alles für die Katz' war ...

Danke aber fürs drüber schauen! Vielleicht mach ich sie dann doch statisch.