nicht angemeldet
Hallo,
ich habe folgendes Problem:
Wie Ihr auf meiner Seite erkennen könnt, mag der IE meine Bildchen in der oberen Menüleiste nicht. Sie wurden alle mit transparenten Hintergrund erstellt, aber irgendwie schaut das nicht sehr transparent aus. In Opera 6.05 und 7.01 schaut das aber sehr gut aus. Bei der Gelegenheit nimmt er das marginheigh aus der Framesetdefinition nicht. Warum das? Um euch das ein wenig zu erleichtern:
Frameset:
<frameset rows="16%,*,10" frameborder="no" border="0">
<frame src="frame_oben.htm" name="navigation" marginheight=10 marginwidth=0 scrolling="no">
<frameset cols="10%,18%,*,10%" frameborder="no" border="0">
<frame src="bg_color.htm" name="black" marginheight=0 marginwidth=0 scrolling=no>
<frame src="frame_links.htm" name="links" marginheight=0 marginwidth=0 scrolling=no>
<frame src="indox.html" name="rechts" marginheight=0 marginwidth=0 scrolling=auto>
<frame src="bg_color.htm" name="black" marginheight=0 marginwidth=0 scrolling=no>
</frameset>
<frame src="bg_color.htm" name="black" marginheight=0 marginwidth=0 scrolling=no>
<noframes>
</noframes>
</frameset>
Code vom oberen Frame:
<div id="box1"><img src="Images/Menu/Navigation_oben.jpg" width="100%" height="100%" border="0" alt=""></div>
<div id="box2"><a href="indox.html" target="rechts"><img src="Images/Menu/Home.png" width="5%" height="30%" border="0" alt="" ></a></div>
<div id="box3"><a href="news.html" target="rechts"><img src="Images/Menu/News.png" width="5%" height="30%" border="0" alt="" ></a></div>
<div id="box4"><a href="Images/bilder_baby.html" target="rechts"><img src="Images/Menu/Bilder.png" width="5%" height="30%" border="0" alt="" ></a></div>
<div id="box5"><a href="Download/download.html" target="rechts"><img src="Images/Menu/Download.png" width="8%" height="30%" border="0" alt="" ></a></div>
<div id="box6"><a href="Anleitungen/index.html" target="rechts"><img src="Images/Menu/Anleitungen.png" width="9%" height="30%" border="0" alt="" ></a></div>
<div id="box7"><img src="Images/Menu/mich.png" width="8%" height="30%" border="0" alt="" ></div>
css vom oberen Frame:
body { background-color:#000000; }
#box1 { position:absolute; left:10%; top:5px; width:80%; height:100%; z-index:1; border: 2px ridge silver; }
#box2 { position:absolute; left:40%; top:75%; width:100%; height:100%; z-index:2; }
#box3 { position:absolute; left:47%; top:75%; width:100%; height:100%; z-index:2; }
#box4 { position:absolute; left:54%; top:72%; width:100%; height:100%; z-index:2; }
#box5 { position:absolute; left:61%; top:72%; width:100%; height:100%; z-index:2; }
#box6 { position:absolute; left:70%; top:72%; width:100%; height:100%; z-index:2; }
#box7 { position:absolute; left:81%; top:72%; width:100%; height:100%; z-index:2; }
Danke für Eure Hilfe :)