so ich habe eine seite --> cms einwenig bearbeitet und eine eigene navigation eingebaut
nur ist bei der navigation der fehler das im ie alles linksbündig ist + banner
und im firefox alles in der mitte mit banner
wenn ich dies jetzt verschiebe um sagen wir mal 100 pixel verschiebt es sich im ie 100 px nach rechts und im firefox auch 100 px nach rechts
könnte mir einer helfen
hier der link
der code (er ist kopiert^^)
<html lang="de">
<head>
<meta http-equiv="content-type" content="text/html;
charset=ISO-8859-1">
<title>Navigationsleiste</title>
<style type="text/css">
html, body {
margin:0;
padding:0;
background-color:white;
}
#top_navigation {
position:absolute;
top:0px;
left:0px;
width:100%;
height:197px;
background-image:url(header.jpg);
background-repeat:no-repeat;
z-index:2;
background-position: center top;
}
a.top_link {
display:block;
position:absolute;
width:100px;
text-align:center;
height:18px;
font-family:"MS Sans Serif",sans-serif;
font-size:12px;
font-weight:bold;
padding-top:1px;
text-decoration:none;
}
a.top_link:link, a.top_link:visited {
color:white;
background-image:url(reiter1.gif);
background-repeat:no-repeat;
background-color:#212e41; '//hintergrundfabe des buttons'
}
a.top_link:hover, a.top_link:active {
color:black;
background-image:url(reiter2.gif);
background-position:top right;
background-repeat:no-repeat;
background-color:#b1b1a1;
}
a#main {
bottom:0px;
left:160px;
z-index:3;
}
a#clan {
bottom:0px;
left:258px;
z-index:4;
}
a#med {
bottom:0px;
left:356px;
z-index:5;
}
a#community {
bottom:0px;
left:454px;
z-index:6;
}
a#ver {
bottom:0px;
left:552px;
z-index:7;
}
a#main:hover, a#main:active,
a#clan:hover, a#clan:active,
a#med:hover, a#med:active,
a#community:hover, a#community:active,
a#ver:hover, a#ver:active,{
z-index:9;
}
#main_sublinks {
position:absolute;
top:60px;
left:160px;
width:150px;
border-bottom:2px solid black;
border-left:2px solid black;
border-right:2px solid black;
z-index:10;
visibility:hidden;
}
#med_sublinks {
position:absolute;
top:60px;
left:356px;
width:150px;
border-bottom:2px solid black;
border-left:2px solid black;
border-right:2px solid black;
z-index:10;
visibility:hidden;
}
#clan_sublinks {
position:absolute;
top:60px;
left:258px;
width:150px;
border-bottom:2px solid black;
border-left:2px solid black;
border-right:2px solid black;
z-index:10;
visibility:hidden;
}
#community_sublinks {
position:absolute;
top:60px;
left:454px;
width:150px;
border-bottom:2px solid black;
border-left:2px solid black;
border-right:2px solid black;
z-index:10;
visibility:hidden;
}
#ver_sublinks {
position:absolute;
top:60px;
left:552px;
width:150px;
border-bottom:2px solid black;
border-left:2px solid black;
border-right:2px solid black;
z-index:10;
visibility:hidden;
}
.sub_link {
display:block;
width:100%;
text-align:left;
height:18px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
padding-top:1px;
text-decoration:none;
border-top:1px solid black;
}
.sub_link:link, .sub_link:visited {
background-color:rgb(245,240,205);
color:rgb(150,50,170);
}
.sub_link:hover, .sub_link:active {
background-color:white;
color:black;
}
</style>
</head>
<body>
<div id="top_navigation">
<div align="left">main
<a href="clan.htm" class="top_link" id="clan"
onMouseover="document.getElementById('clan_sublinks').style.visibility='visible'"
onMouseout="document.getElementById('clan_sublinks').style.visibility='hidden'">
Clan</a>
<a href="clan.htm" class="top_link" id="med"
onMouseover="document.getElementById('med_sublinks').style.visibility='visible'"
onMouseout="document.getElementById('med_sublinks').style.visibility='hidden'">
Media</a>
<a href="cheats.htm" class="top_link" id="community"
onMouseover="document.getElementById('community_sublinks').style.visibility='visible'"
onMouseout="document.getElementById('community_sublinks').style.visibility='hidden'">
Community</a>
Verschiedenes</div>
<div align="center"></div>
</div>
<div id="clan_sublinks"
onMouseover="document.getElementById('clan_sublinks').style.visibility='visible'"
onMouseout="document.getElementById('clan_sublinks').style.visibility='hidden'">
<div align="left">
- Members
- Squads
- Member Map
- Rank
- Awards
- Wars
</div>
</div>
<div id="med_sublinks"
onMouseover="document.getElementById('med_sublinks').style.visibility='visible'"
onMouseout="document.getElementById('med_sublinks').style.visibility='hidden'">
<div align="left">
- Members
- Squads
- Member Map
- Rank
- Awards
- Wars
</div>
</div>
<div id="main_sublinks"
onMouseover="document.getElementById('main_sublinks').style.visibility='visible'"
onMouseout="document.getElementById('main_sublinks').style.visibility='hidden'">
<div align="left">
- Members
- Squads
- Member Map
- Rank
- Awards
- Wars
</div>
</div>
<div id="community_sublinks"
onMouseover="document.getElementById('community_sublinks').style.visibility='visible'"
onMouseout="document.getElementById('community_sublinks').style.visibility='hidden'">
<div align="left">
- Members
- Squads
- Member Map
- Rank
- Awards
- Wars
</div>
</div>
<div id="ver_sublinks"
onMouseover="document.getElementById('ver_sublinks').style.visibility='visible'"
onMouseout="document.getElementById('ver_sublinks').style.visibility='hidden'">
<div align="left">
- Members
- Squads
- Member Map
- Rank
- Awards
- Wars
</div>
</div>