Hallo, ich habe ein darstellungsproblem mit dem Internet Explorer 6. Auf meiner Website habe ich ein paar Navigationbuttons verlinkt und mit CSS die Ausrichtung getätigt. Alle Browser stellen es korrekt dar, nur der Internet Explorer 6 stellt die Buttons mit einem 2px unteren innenabstand dar (geschätzt).
Da die Buttons aber nicht richtig platziert waren, habe ich Padding-top benutzt um sie weiter in die Mitte der hintergrundgrafik zu bringen. Der IE6 zerreißt dabei die Hintergrundgrafik und stellt einen außenabstand dar.
Ich habe eigentlich schon so gut wie alles probiert:
vspace, align, valign, cellpadding, padding, margin,......etc.
Egal was ich mache, der IE zerreißt das Hintergrundbild und stellt die Buttons zu weit oben dar. Lasse ich Padding aus dem Spiel, passiert es nicht, aber die Buttons sind nicht mittig, sondern zu weit oben. Hier die Codes:
----------------HTML-------------------------
<table border="0" cellspacing="0" cellpadding="0" width="995" align="center" style="height: 38px"><tbody><tr><td id="topmenu_left"> </td><td id="topmenu_out" style="padding: 3px 0px 0px 8px; width: 941px"><a href="http://website.de/index.php"><img src="http://website.de/images/topbutton01.gif" onmouseover="this.src='http://website.de/images/topbuttonaktiv01.gif';" onmouseout="this.src='http://website.de/images/topbutton01.gif';" border="0" alt=" " title="Startseite" width="85" height="33" /></a><a href="http://website.de/index.php?option=com_content&task=view&id=12&Itemid="><img src="http://website.de/images/topbutton03.gif" onmouseover="this.src='http://website.de/images/topbuttonaktiv03.gif';" onmouseout="this.src='http://website.de/images/topbutton03.gif';" border="0" alt=" " title="Sonic" width="156" height="33" /></a><a href="http://www.website.de/forum/index.php"><img src="http://website.de/images/topbutton04.gif" onmouseover="this.src='http://website.de/images/topbuttonaktiv04.gif';" onmouseout="this.src='http://website.de/images/topbutton04.gif';" border="0" alt=" " title="Forum" width="59" height="33" /></a><a href="http://website.de/index.php?option=com_ponygallery&Itemid=841"><img src="http://website.de/images/topbutton07.gif" onmouseover="this.src='http://website.de/images/topbuttonaktiv07.gif';" onmouseout="this.src='http://website.de/images/topbutton07.gif';" border="0" alt=" " title="Galerie" width="69" height="33" /></a><a href="http://website.de/index.php?option=com_seyret&Itemid=955"><img src="http://website.de/images/topbutton09.gif" onmouseover="this.src='http://website.de/images/topbuttonaktiv09.gif';" onmouseout="this.src='http://website.de/images/topbutton09.gif';" border="0" alt=" " title="SpinTV" width="66" height="33" /></a><a href="http://website.de/index.php?option=com_docman&Itemid=957"><img src="http://website.de/images/topbutton10.gif" onmouseover="this.src='http://website.de/images/topbuttonaktiv10.gif';" onmouseout="this.src='http://website.de/images/topbutton10.gif';" border="0" alt=" " title="Downloads" width="93" height="33" /></a><a href="http://website.de/index.php?option=com_weblinks&Itemid=23"><img src="http://website.de/images/topbutton08.gif" onmouseover="this.src='http://website.de/images/topbuttonaktiv08.gif';" onmouseout="this.src='http://website.de/images/topbutton08.gif';" border="0" alt=" " title="Links" width="57" height="33" /></a> </td><td id="topmenu_right"> </td></tr></tbody></table>
----------------HTML-------------------------
----------------CSS-------------------------
/* ***** TOP Navigation ***** */
#topmenu_out {
background-image: url(templates/sunshine/images/topmenu_bg.gif);
background-position: center;
background-repeat: repeat-x;
}
#topmenu_left {
background-image: url(forum/templates/blu_blur/images/misc/topmenu_left3.gif);
background-repeat: no-repeat;
background-position: left;
}
#topmenu_right {
background-image: url(forum/templates/blu_blur/images/misc/topmenu_right3.gif);
background-repeat: no-repeat;
background-position: right;
}
----------------CSS-------------------------