Frage stellen
Bin etwas neu im Bereich CSS und HTML aber hatte bei der Erstellung meiner Seite keine Probleme, zumindest im Firefox. Jetzt hab ich aber Probs mit dem IE.
Hab ein png Problem, aber hierzu werde ich die Lösung schon selber finden.
Mir geht es mehr um mein drop down menü. Dieses verschiebt nämlich beim drop down das div
unter dem Menübalken. Im FF geschieht das nicht. Hab leider noch keine Lösung gefunden.
FF
IE
JS:
- Code: Alles auswählen
<script type='text/javascript'>
function show(menu)
{
if(document.getElementById(menu).style.display=='none')
document.getElementById(menu).style.display='block';
else document.getElementById(menu).style.display='none';
}
</script>
CSS:
- Code: Alles auswählen
.bereich{
display: block;
color: #FFFFFF;
background-color: #;
text-align: center;
margin-top: 0px;
}
a.link{
display: block;
color: #000;
font-family: Verdana, Arial;
font-size: 13px;
font-weight: bold;
line-height:32px;
text-decoration: None;
border-top: solid 1px #fff000;
border-bottom: solid 1px #fff;
border-left: solid 1px #fff;
border-right: solid 1px #fff;
background: url(images/menu_repeader.png) repeat-x #000000;
width: 110px;
height: 32px;
padding-top:0px;
}
a.link:hover{
display: block;
background: url(images/menu_repeader_heller.png) repeat-x #000000;
Im HTML hab ich das Menü so eingebunden:
- Code: Alles auswählen
<div id="menubalken">
<table cellpadding=0 cellspacing=0 style="position: relative; top: 0px; left: 10px;">
<tr>
<td valign=top>
<div class="bereich" onMouseover="show('menu1')" onMouseout="show('menu1')">
<a href="#" class="link">Home</a>
<span id="menu1" style="display:none;">
</span>
</div>
</td>
und so weiter ......
Vielen Dank!
Michael
