Footer nicht am unteren Bildschirmrand bei verwendung von Mootoolsnavigation

[iceman]

Hallo Forum,

ich hab ein Problem und zwar bleibt mein Footer nicht am unteren Bildschirmrand im Internet Explorer (im firefox funkt alles wunderbar) wenn ich in meinem Navigationsmenü (Linke Seite) die Mootoolsnavigation benutze. Man kann unter den Footer scrollen. Hat wer eine Ahnung wie ich diesen Zustand verhindern kann??

Anbei mein Seitenaufbau und die Homepage wo der Fehler auftritt:

Lg Christian


http://https://inolox.com/index.php/uebersicht.html

/** Seitenaufbau **/
#container
{
	width:1250px;
	height:100%;
	position:relative;
	margin:4px auto 0;
	padding:60px 12px 36px 20px;
	background-color:#008521;
}

#wrapper
{
	left:auto;
	right:auto;
	top:0;
	position:relative;
	background-color:#00089c;
	min-height:100%;
}

#content
{
	padding: 1em 1em 2.5em 1em;
}

#header .inside
{
	width:1200px;
	margin-right:auto;
	margin-left:auto;
}

#header
{
	margin-right:auto;
	margin-left:auto;
}

#left
{
	background-color:#ff0000;
}

/* Menü position */
#left div.inside
{
	margin-top:0;
	margin-right:0;
}

/* Artikel Block */
#block_links
{
	width:725px;
	float:left;
	margin-left:0;
	padding-left:20px;
	background-color:#3bffd8;
	border-left:1px solid #7a7a7a;
}

/* BIld Block */
#block_rechts
{
	width:250px;
	height:100%;
	position:relative;
	float:right;
	margin-top:-200px;
	background-color:#ffa3fd;
}

/** Navigationselemente **/
/* Macht die Aufzählungspunkte weg */
.mod_customnav ul,
.mod_navigation ul,
.mod_articleList ul,
.mod_sitemap ul,
.mod_mootoolsnav ul
{
	margin:0;
	padding:0;
	list-style-type:none;
}

.mod_customnav ul  li,
.mod_navigation ul li,
.mod_articleList ul li,
.mod_sitemap ul li,
.mod_mootoolsnav ul li
{
	margin:0;
	padding:0;
}

/* Position/Größe der Navigation */
#header div.mod_navigation
{
	width:800px;
	height:44px;
	float:left;
	margin-top:-3px;
}

#header div.mod_navigation ul
{
	width:100%;
	height:32px;
}

/* Menüpunkte nebeneinander */
#header div.mod_navigation ul li
{
	float:left;
	display:inline;
}

/* Schriftgröße und Abstand zueinander */
#header div.mod_navigation a:link,
#header div.mod_navigation a:visited,
#header div.mod_navigation span.active
{
	height:30px;
	display:block;
	padding:3px 0;
}

/** Seitenaufbau **/
#footer
{
	width:100%;
	height:38px;
	bottom:0;
	position:absolute;
	float:left;
	margin-top:10px;
	margin-bottom:0;
	background-color:#ffff00;
}

#footer .inside
{
	width:1200px;
	margin-right:auto;
	margin-left:auto;
	padding-top:5px;
}

/** Navigationselemente **/
#footer div.mod_customnav
{
	float:left;
}

#footer div.mod_customnav ul li
{
	float:left;
	margin-top:4px;
	margin-right:8px;
	margin-left:8px;
}

#left .mod_mootoolsnav
{
	margin-bottom:24px;
}

#left div.mod_mootoolsnav ul li
{
	margin-top:1px;
	margin-bottom:1px;
}

/* Menupunkte nicht aktiv */
#left div.mod_mootoolsnav a:link,
#left div.mod_mootoolsnav a:visited,
#left div.mod_mootoolsnav span.active
{
	display:block;
	padding-top:8px;
	padding-bottom:8px;
	padding-left:0;
	font-size:1em;
}

/* Menupunkte nicht aktiv */
#left div.mod_mootoolsnav p
{
	display:block;
	padding-top:8px;
	padding-bottom:8px;
	font-size:1em;
	line-height:160%;
}

/* UNterpunkte nicht aktiv */
#left div.mod_mootoolsnav ul.level_2 a:link,
#left div.mod_mootoolsnav ul.level_2 a:visited,
#left div.mod_mootoolsnav ul.level_2 span.active
{
	width:100%;
	display:block;
	padding-bottom:8px;
	padding-left:15px;
	font-size:0.85em;
}

/* UNterpunkte nicht aktiv */
#left div.mod_mootoolsnav ul.level_2 p
{
	width:100%;
	display:block;
	padding-top:8px;
	padding-bottom:8px;
	padding-left:15px;
	font-size:0.85em;
}

[SFuchs]

http://www.cssstickyfooter.com/de/ Die Variante des Sticky Footers wird immer und überall funktionieren. Dann hast du auch keine Probleme mit IE wenn die Accordions nach unten aufschlagen. Einen ähnlichen hab ich auch in meinen eigenen Seiten verwendet.

[tio]

hi zusammen,

ich wollte dies mit dem footer ganz unten ausprobieren... leider krieg ich das einfach nicht hin...
beim Firefox und IE habe ich immer ca 20px Rand unten... kann mir da vielleicht jemand auf die Sprünge helfen?


vielen Dank und schönen Nachmittag...
ciao

[Vollpfosten]

Wenn du nach der Variante von SFuchs vorgegangen bist, fehlt dir noch eine Template Anpassung. Dein Footer wird noch vom Wrapper div umschlossen, aber laut Anleitung müsste er außerhalb liegen.

<div id="wrap">

	<div id="main" class="clearfix">

	</div>

</div>

<div id="footer">

</div>

[tio]

danke für deine Antwort...

ne habs so gemacht... http://www.ohne-css.gehts-gar.net/0044.php
da könnte ich doch das Standardtemplate belassen...

oder hab ich was übersehen?
ciao.

[MiTsch]

Hallo tio,

... ... ...da könnte ich doch das Standardtemplate belassen...

Nein kannst Du nicht da sich beim Standard-tpl. der Footer innerhalb des Wrappers befindet, und sich somit nicht an den unteren Rand "fest tackern läßt".

Schau mal hier, dorf findest Du ein angepasstest Tpl.

Viele Grüße
MiTsch

[BugBuster]

Äh, aber genau das macht doch die Lösung auch? (ohne-css...)

[tio]

hi Danke...

jetzt hab ich den footer unten ... aber leider einen Scroll... das versteh ich jetzt aber auch nicht...
wieso kommt jetzt der? ist das wegen dem Modul "Seitenbilder"

ciao, danke.