IE7 Problem

[irenehofer]

folgende Seite: http://splitboarders.ch/neu

Mittlerweile sieht sie im Firefox recht passabel aus, allerdings "hängt" die Navigation im Internet Explorer ganz rechts und der Fuss ist mitten in der Seite und nicht ganz am unteren Rand wo er eigentlich sein sollte. (Test mit Adobe Browserlabs)...

 

[Galanos]

Sorry, aber ein bisschen musst du uns schon entgegenkommen. Vielleicht mal die betreffenden Styles und die der Elternelemente posten, moeglicherweise einen Screenshot etc.

 

[irenehofer]

entschuldige. es handelt sich hierbei um eine umsetzung mit wordpress. daher findet sich die navigation im header.php. hier der code (navigation = <ul id="nav">):

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

<div id="header">
<div id="logo"><a href="http://splitboarders.ch/"><img src="wp-content/themes/sparkler/img/logo.png" border="0" /></a></div>
<div id="flickr_text"><img src="wp-content/themes/sparkler/img/flickr_text.png" /></div>
<div id="flickr"><a href="http://flickr.com/groups/splitboarders" target="_blank"><img src="wp-content/themes/sparkler/img/flickr.png""</a></div>

<ul id="nav">
<li class="page_item current_page_item" id="first"><a href="<?php bloginfo('url'); ?>">Home</a></li>
<?php wp_list_pages('title_li=&depth=2&sort_column=menu_order'); ?>
</ul>

</div>

hier das dazugehörige css:


#page {
width:1000px;
margin: 0 auto;
text-align:left;
}

#header {
width:993px;
height:442px;
background-image:url(img/header.png);
background-repeat:no-repeat;
margin:0 auto;
}

#nav {
background-image:url("img/navigationsbalken.png");
background-repeat:no-repeat;
height:35px;
width:1000px;
float:left;
margin-bottom:30px;
}

#nav, #nav ul {
margin-top:60px;
list-style:none;
height:35px;
width: 1020px;
padding-left:19px;
float:left;
}

#nav a, #nav a:hover {
display: block;
background: url(img/bg-menu-a.gif) no-repeat right top;
text-decoration: none;
border: none;
text-shadow:0 1px 0 #000;
}

#nav li {
float: left;
list-style: none;
}

#nav li:hover {
float: left;
list-style: none;
background-color:#003366;
}

#nav a, #nav a:visited {
display: block;
color: #fff;
font-size:1.2em;
padding: 9px 20px 12px;
}

#nav a:hover, #nav a:active, .current_page_item a, #home .on {
text-decoration: none;
}