provius: verschiedene darstellung: ie/firefox

Beitrag lesen

SELF-Forum

verschiedene darstellung: ie/firefox

provius
– Informationen zu den Bewertungsregeln

Einen guten Tag zusammen.

Ich verzweifle nun schon seit ner guten stunde an folgendem quelltext:

  
#01 { position:absolute;  
 top:50%;  
 margin-top:-250px;  
 left:50%;  
 margin-left:-400px;  
 width:37px;  
 height:50px;  
 background-image: url('hgrund/01.gif'); }  
#02 { position:absolute;  
 top:50%;  
 margin-top:-250px;  
 left:50%;  
 margin-left:-363px;  
 width:91px;  
 height:94px;  
 background-image:url('hgrund/02.gif');  
 text-align:right;  
 font-variant:small-caps; }  
#03 { position:absolute;  
 top:50%;  
 margin-top:-250px;  
 left:50%;  
 margin-left:-272px;  
 width:32px;  
 height:500px;  
 background-image:url('hgrund/03.gif'); }  
#04 { position:absolute;  
 top:50%;  
 margin-top:-250px;  
 left:50%;  
 margin-left:-240px;  
 width:620px;  
 height:60px;  
 background-image:url('hgrund/04.gif'); }  
#05 { position:absolute;  
 top:50%;  
 margin-top:-250px;  
 left:50%;  
 margin-left:+380px;  
 width:20px;  
 height:60px;  
 background-image:url('hgrund/05.gif'); }  
#06 { position:absolute;  
 top:50%;  
 margin-top:-156px;  
 left:50%;  
 margin-left:-363px;  
 width:91px;  
 height:291px; }  
#07 { position:absolute;  
 top:50%;  
 margin-top:+135px;  
 left:50%;  
 margin-left:-363px;  
 width:91px;  
 height:115px;  
 background-image:url('hgrund/21.gif'); }  
#08 { position:absolute;  
 top:50%;  
 margin-top:-190px;  
 left:50%;  
 margin-left:-240px;  
 width:620px;  
 height:375px; }  
#09 { position:absolute;  
 top:50%;  
 margin-top:-190px;  
 left:50%;  
 margin-left:+380px;  
 width:20px;  
 height:20px; }  
#10 { position:absolute;  
 top:50%;  
 margin-top:185px;  
 left:50%;  
 margin-left:-240px;  
 width:620px;  
 height:65px;  
 background-image:url('hgrund/23.gif'); }  
#11 { position:absolute;  
 top:50%;  
 margin-top:+170px;  
 left:50%;  
 margin-left:+380px;  
 width:20px;  
 height:24px; }  
#12 { position:absolute;  
 top:50%;  
 margin-top:+194px;  
 left:50%;  
 margin-left:+380px;  
 width:20px;  
 height:56px;  
 background-image:url('hgrund/24.gif'); }

im ie wird alles einwandfrei dargestelt. beim firefox klebt alles einfach an der linken fensterseite....

hier noch der zugehörige quelltext:

  
  
<html>  
<head>  
<title>satansluts - shirts, musik & style</title>  
<link rel=stylesheet type=text/css href=sluts.css>  
<script type=text/javascript src=menu.js></script>  
<base target=haupt>  
</head>  
<div id=01></div>  
<div id=02></div>  
<div id=03></div>  
<div id=04></div>  
<div id=05></div>  
<div id=06>  
 <a href="neu.html" onmouseover="Bildwechsel(0, Highlight1)" onmouseout="Bildwechsel (0,Normal1)"><img src="hgrund/10.gif" border="0" width="91" height="26"></a><br>  
 <img src="hgrund/11.gif"><br>  
 <a href="sluts.html" onmouseover="Bildwechsel(1, Highlight2)" onmouseout="Bildwechsel (1,Normal2)"><img src="hgrund/12.gif" border="0" width="91" height="25"></a><br>  
 <img src="hgrund/13.gif"><br>  
 <a href="shirts.html" onmouseover="Bildwechsel(2, Highlight3)" onmouseout="Bildwechsel (2,Normal3)"><img src="hgrund/14.gif" border="0" width="91" height="30"></a><br>  
 <img src="hgrund/15.gif"><br>  
 <a href="musik.html" onmouseover="Bildwechsel(3, Highlight4)" onmouseout="Bildwechsel (3,Normal4)"><img src="hgrund/16.gif" border="0" width="91" height="25"></a><br>  
 <img src="hgrund/17.gif"><br>  
 <a href="spezial.html" onmouseover="Bildwechsel(4, Highlight5)" onmouseout="Bildwechsel (4,Normal5)"><img src="hgrund/18.gif" border="0" width="91" height="35"></a><br>  
 <img src="hgrund/19.gif"><br>  
 <a href="info.html" onmouseover="Bildwechsel(5, Highlight6)" onmouseout=Bildwechsel "(5,Normal6)"><img src="hgrund/20.gif" border="0" width="91" height="30"></a></div>  
<div id=07></div>  
<div id=08><iframe width=620 height=375 name=haupt src=neu.html frameborder=0 scrolling=no></iframe></div>  
<div id=09><a href="#" onMouseover="scrollspeed=-3" onMouseout="scrollspeed=0"><img src=hgrund/08.gif border=0></a></div>  
<div id=10></div>  
<div id=11><a href="#" onMouseover="scrollspeed=3" onMouseout="scrollspeed=0"><img src=hgrund/22.gif border=0></a></div>  
<div id=12></div>  
</body>  
</html>

zudem komm ich mit dem menü nicht klar. ich hab die vorlage von selfhtml übernommen. das mouseover an sich funktioniert, nur leider werden die grafiken neu (falsch) positioniert. woran kann das liegen?

ich wär sehr erleichtert, könnte mir jemand hierzu helfen. ich komm echt nicht allein weiter. danke.

SLUTon, Chris

--
http://www.4-tonnen-live.de, http://www.julibaum.de, http://www.ken-park.de, http://www.satansluts.de, http://www.kammerermuehle.de
Beitrag melden
–
Informationen zu den Bewertungsregeln