MrT: Button und Balken... IE6 + FF2

Beitrag lesen

Hi und einen angenehmen 3. Advent der selfhtml- Gemeinde :-)

DARUM GEHTS:

auf der Seite die ich grad "mache", gibts eine Menüleiste ganz oben, auf der sind Button verteilt (Bilder, die per JavaScript wechseln). Die sollen aber nicht direkt nebeneinander liegen, sondern einen gewissen Abstand (z.B. 15% Fenstergrösse) haben.

PROBLEM:

Im IE(6) werden unten, da wo die Bilder zuende sind, so kleine schwarze  Balken angezeigt, ich weiss nicht wieso...

Ausserdem gab es, nachdem ich in die Bildtags von den Buttons ein margin (zum Abstand- halten) eingefügt hatte, einen kleinen schmalen Bereich, da wo beim IE die kleinen schwarzen Balken sind, der auch reaktiv war, sowohl beim FF, als auch beim IE...

ICH hab keinen Plan, wieso das so ist, und wie ichs wegbekomme.

Bin für jeden Ratschlag dankbar :-)

T

Quelltext:

...JavaScript zum Bilder wechseln...

<body marginwidth="0" marginheight="0" onLoad="MM_preloadImages('../../images/Design2_04.jpg','../../images/Design2_06.jpg','../../images/Design2_08.jpg','../../images/Design2_10.jpg')">

<div align="center">

<div id="Leiste" align="center">
    <img src="images/Design_03.jpg" border="0" align="left">
    <img src="images/Design_15.jpg" border="0" align="right">
    <a href="#" onMouseOut="MM_swapImgRestore()"
     onMouseOver="MM_swapImage('Image1','','images/Design2_07.jpg',1)">
     <img src="images/Design_07.jpg" name="Image1" border="0">
    </a>
    <a href="#" onMouseOut="MM_swapImgRestore()"
     onMouseOver="MM_swapImage('Image2','','images/Design2_09.jpg',1)">
     <img src="images/Design_09.jpg" name="Image2" border="0">
    </a>
    <a href="#" onMouseOut="MM_swapImgRestore()"
     onMouseOver="MM_swapImage('Image3','','images/Design2_11.jpg',1)">
     <img src="images/Design_11.jpg" name="Image3" border="0">
    </a>
    <a href="#" onMouseOut="MM_swapImgRestore()"
     onMouseOver="MM_swapImage('Image4','','images/Design2_13.jpg',1)">
     <img src="images/Design_13.jpg" name="Image4" border="0">
    </a>
    <div align="center" id="Logo">
     <img src="images/Design_25.jpg" border="0">
    </div>
   </div>

</div>

</body>