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
Code:
/** 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;
}
Lesezeichen