Timmer
Mitglied
Hey, ich hab ein kleines Problem, im IE6 wird mein Naviagions-DIV nach unten verschoben. Das gleiche passiert mit einem anderen DIV. Die DIVs haben rechts und links auch einen DIV. Ich habe die DIVs gefloatet, nicht absolut positioniert oder so.
index.php
style.css
Die "Hintergrundreste" sind die 4 DIVs jeweils rechts und links neben dem Navigations-DIV und dem anderen DIV.
Kann mir jemand sagen, woran das liegen könnte?
[EDIT]
Ach ja, der Link zur Seite: http://www.timmaeh.de/test1/
index.php
Code:
<div id="bg_top_left"></div>
<div id="bg_top_right"></div>
<div id="navigation">
<a href="index.php?site=home" id="home"></a>
<a href="index.php?site=aktuelles" id="aktuelles"></a>
<a href="index.php?site=projekte" id="projekte"></a>
<a href="index.php?site=uebermich" id="uebermich"></a>
<a href="index.php?site=kontakt" id="kontakt"></a>
<a href="index.php?site=impressum" id="impressum"></a>
</div>
<div id="content">
<?php
if(isset($_GET['site'])){
include('site/'.$_GET['site'].'.php');
}else{
include('site/home.php');
}
?>
</div>
<div class="clear"></div>
<div id="bg_bottom_left"></div>
<div id="bg_bottom_right"></div>
style.css
Code:
/*Navigation*/
#navigation {background:transparent url(images/navbar.jpg) no-repeat scroll 0 0;height:40px;width:609px;margin-left:89px;}
#home {background:transparent url(images/navbar.jpg) no-repeat scroll -19px 0;height:40px;width:44px;overflow:hidden;float:left;margin-left:19px;}
#home:hover {background:transparent url(images/navbar.jpg) no-repeat scroll -19px -40px;}
#aktuelles {background:transparent url(images/navbar.jpg) no-repeat scroll -101px 0;height:40px;width:65px;overflow:hidden;float:left;margin-left:38px;}
#aktuelles:hover {background:transparent url(images/navbar.jpg) no-repeat scroll -101px -40px;}
#projekte {background:transparent url(images/navbar.jpg) no-repeat scroll -204px 0;height:40px;width:60px;overflow:hidden;float:left;margin-left:38px;}
#projekte:hover {background:transparent url(images/navbar.jpg) no-repeat scroll -204px -40px;}
#uebermich {background:transparent url(images/navbar.jpg) no-repeat scroll -302px 0;height:40px;width:77px;overflow:hidden;float:left;margin-left:38px;}
#uebermich:hover {background:transparent url(images/navbar.jpg) no-repeat scroll -302px -40px;}
#kontakt {background:transparent url(images/navbar.jpg) no-repeat scroll -420px 0;height:40px;width:55px;overflow:hidden;float:left;margin-left:41px;}
#kontakt:hover {background:transparent url(images/navbar.jpg) no-repeat scroll -420px -40px;}
#impressum {background:transparent url(images/navbar.jpg) no-repeat scroll -513px 0;height:40px;width:77px;overflow:hidden;float:left;margin-left:38px;}
#impressum:hover {background:transparent url(images/navbar.jpg) no-repeat scroll -513px -40px;}
/*Hintergrundreste*/
#bg_top_left {background:transparent url(images/bg_top_left.jpg) no-repeat scroll 0 0;height:134px;width:89px;float:left;}
#bg_bottom_left {background:transparent url(images/bg_bottom_left.jpg) no-repeat scroll 0 0px;height:70px;width:89px;float:left;margin-top:-50px;}
#bg_top_right {background:transparent url(images/bg_top_right.jpg) no-repeat scroll 0 0;height:134px;width:90px;float:right;}
#bg_bottom_right {background:transparent url(images/bg_bottom_right.jpg) no-repeat scroll 0 0;height:70px;width:90px;float:right;margin-top:-50px;}
Die "Hintergrundreste" sind die 4 DIVs jeweils rechts und links neben dem Navigations-DIV und dem anderen DIV.
Kann mir jemand sagen, woran das liegen könnte?
[EDIT]
Ach ja, der Link zur Seite: http://www.timmaeh.de/test1/