Ich bastle eine bandwebseite. Die Navigation besteht aus einem div container in welchem andere divcontainer positioniert sind, die wiederum die Grafiken enthalten und eindeutig benannt sind.
Auszug:
<div id="menu">
<a href="news.php" target="mainframe"><div id="menunews"></div></a>
<a href="media.html" target="mainframe"><div id="menumedia"></div></a>
</div>
dazu gibts eine layout.css, die an den relevanten stellen so aussieht:
#menu {
top:127px; left:787px;
height:377px;
width:126px;
position:absolute;
z-index:4;
border:0px; }
#menunews {
width:126px;
height:52px;
background: url(../bilder/layout/menu_buttons/news_active.png);
top:0px; left:0px;
position:absolute;
display: block;
}
#menunews:hover
{ width:126px;
height:52px;
background:url(../bilder/layout/menu_buttons/news_hover.png);
top:0px; left:0px;
position:absolute;
display: block;
}
#menunews:active, #menunews:focus
{ width:126px;
height:52px;
background:url(../bilder/layout/menu_buttons/news_inactive.png);
top:0px; left:0px;
position:absolute;
display: block;
}
für den gesamteindruck:
http://roughandfunky.alfahosting.org/eastboundclikk/main.html
die css datei
http://roughandfunky.alfahosting.org/eastboundclikk/css/layout.css
nun zum Problem: Safari möchte die divs einfach nicht als links anerkennen, außerdem setzt es die :hover, focus etc anweisungen nicht um, sondern zeigt nur das div #menunews an. Da ich immer dachte safari und firefox machen vieles ähnlich hab ich mich nur auf firefox konzentriert. im explorer funktionieren die links, aber der background wird nicht angezeigt (is aber nebensache, mir gehts ums menu)
In opera funktioniert alles, genau wie in Firefox. Nach stundenlangem google durchforsten (von :visited/:hover müssen in der css in der richtigen Reihenfolge kommen bis es darf nur relativ/absolut positioniert sein etc. -- funktioniert alles nicht), hoff ich dass ich hier eine Antwort finde.
mfg vivo