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

www.deadorglory.at

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_sublink s').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_su blinks').style.visibility='visible'"
onMouseout="document.getElementById('community_sub links').style.visibility='hidden'">
Community</a>

Verschiedenes</div>
<div align="center"></div>
</div>

<div id="clan_sublinks"
onMouseover="document.getElementById('clan_sublink s').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_sublink s').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_su blinks').style.visibility='visible'"
onMouseout="document.getElementById('community_sub links').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>
Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!