Hallo, ich habe das Problem das ich eine Seite im IntenetExplorer angepasst habe. Nun schaue ich in den Firefox und mein Menü ist
um ca 20 px verschoben. Kann mir jemand einen Tipp geben, habe nichts dazu im Forum gefunden.
gruß Kruegge
zum ersten die css...
Code:
dt, dl, dd, ul, li {
list-style-type: none;
padding: 0;
}
#menu {
position : relative;
/* left: 0px;*/
top: -10px;
width: 480px;
}
#menu dl {
float: left;
}
#menu li {
display: inline;
}
#menu a {
text-decoration: none;
color: #263B5C;
background: #afb6c0;
}
#menu a:hover {
text-decoration: none;
color: #E7BA63;
background: #afb6c0;
}
#menu2 a {
text-decoration: none;
color: #263B5C;
background: #ffffff;
}
#menu2 a:hover {
text-decoration: none;
color: #E7BA63;
background: #ffffff;
}
#smenu1, #smenu2, #smenu3, #smenu4, #smenu5, #smenu6{
position: absolute;
left: 0px;
top: +30;
font-size: 0,7em;
width: 480px;
border-top-style: none;
}
und hier der Quelltext.
Code:
<script type="text/javascript">
<!--
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);for (var i = 1; i<=10; i++) {if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}}
if (d) {d.style.display='block';}
}
//-->
</script>
<table width="751" height="120" border="0">
<tr>
<td width="33" height="87"></td>
<td width="527" valign="bottom"><div align="right"><span style="color: #FFFFFF">
<marquee style="COLOR: #ffffff" width="525" bgColor="#263b5c" height="16" align="middle">
<? include 'funktion/newsticker/input.php'; ?>
</marquee>
</span></div></td>
<td width="177" valign="bottom"></td>
</tr>
<tr>
<td height="27"></td>
<td>
<div id="menu">
<dl>
<dt onmouseover="montre('smenu1');">Termine|</dt>
<dd id="smenu1">
<ul id="menu2">[*]Spielplan|[*]Trainingszeiten[/list] </dd>
</dl>
<dl>
<dt onmouseover="montre('smenu2');">Unser Verein|</dt>
<dd id="smenu2">
<ul id="menu2">[*]Vereinschronik|[*]Teams|[*]Tabellen|[*]Vorstandschaft|[*]Fotos[/list] </dd>
</dl>
<dl>
<dt onmouseover="montre('smenu3');">Interaktiv|</dt>
<dd id="smenu3">
<ul id="menu2">[*]Gästebuch|[*]Wünsche & Anregungen|[*]Umfrage|[*]Kicktipp[/list] </dd>
</dl>
<dl>
<dt onmouseover="montre('smenu4');">Links|</dt>
<dd id="smenu4">
<ul id="menu2">[*]Sponsoren|[*]Freunde[/list] </dd>
</dl>
<dl>
<dt onmouseover="montre('smenu5');">Downloads|</dt>
<dd id="smenu5">
<ul id="menu2">[/list] </dd>
</dl>
<dl>
<dt onmouseover="montre('smenu6');">LOGIN-Bereich</dt>
<dd id="smenu6">
<ul id="menu2">[*]Spielberichte|[*]Newsticker|[*]Umfragen|[*]Gästebuch|[*]Zugriffsstatistik[/list] </dd>
</dl>
</div></td>
<td align="right">[img]fileadmin/images/spacer.gif[/img]</td>
</tr>
</table>
Die tatsächlichen unterschiede zwischen IE6 und Firefox kann man unter diesem Link sehen:
http://www.kthandball.de/login.0.php