Hallo,
im Firefox passt alles untereinander ohne Verschiebungen, in allen IE Versionen ist das Ganze jedoch vollständig verschoben. Ein spezieller Stylesheet nur für den IE scheint nicht richtig zu funktionieren.
Wo liegt das Problem?
Mein Code sieht aktuell so aus:
Die Styles:
ie.css:
ff.css:
Vielen Dank schon einmal für Hilfe!
MfG,
faststart
im Firefox passt alles untereinander ohne Verschiebungen, in allen IE Versionen ist das Ganze jedoch vollständig verschoben. Ein spezieller Stylesheet nur für den IE scheint nicht richtig zu funktionieren.
Wo liegt das Problem?
Mein Code sieht aktuell so aus:
PHP:
<!–[if IE]>
<style type="text/css">
@import url(ie.css);
</style>
<![endif]–>
<style type="text/css">
@import url(ff.css);
</style>
<div align="center" style="margin-top:1px">
<ul class="buerobedarf">
<li id="foldheader" align="left"><img src='images/buerobedarf.jpg' style='border:0px;' align="left" /></li>
<ul id="foldinglist" style="display:none">
<li class="buerobedarf2">
<div style="margin-top: 1px; margin-bottom: 1px; "><img src="http://forum.jswelt.de/images/buerobedarf-schnellzugriff.jpg" border="0" usemap="#Map" width=580 height=649>
<map name="Map" id="Map">
<area shape="rect" coords="146,23,287,143" href="eshop.php?action=catalog_list&s_group_1=Bürobedarf&s_group2=Bewirtung und Catering" target="_self" alt="Bewirtung und Catering" /> <area shape="rect" coords="0,23,141,143" href="eshop.php?action=catalog_list&s_group_1=F&R Eigenmarke" target="_self" alt="F&R Eigenmarke" />
</map>
</div>
</li>
</ul>
</ul>
<li id="foldheader" class="elektronik"><img src='images/elektronik.jpg' style='border:0px; margin-top:15px' /></li>
<ul id="foldinglist" style="display:none">
<li class="elektronik2">
<div style="margin-top: 1px; margin-bottom: 1px"><img src="http://forum.jswelt.de/images/schnellzugriff2.jpg" border="0" usemap="#Map2" width=580px height=522px>
<map name="Map2" id="Map2">
<area shape="rect" coords="0,23,141,143" href="eshop.php?action=catalog_list&s_group1=Drucker / Plotter / Kopierer&s_group2=Laserdrucker&s_group3=Laserdrucker monochrom" target="_self" alt="Laserdrucker" />
</map>
</div>
</li>
</ul>
Die Styles:
ie.css:
HTML:
<!--
#foldheader{cursor:pointer;cursor:hand ; font-weight:bold ; list-style-type:none; }
#foldinglist {list-style-type:none;}
.buerobedarf { margin-left: -100px; }
.buerobedarf2 {margin-left: 0px; margin-top:15px;}
.elektronik {margin-left: -15px}
.elektronik2 {margin-left: -120px; margin-top: -4px}
//-->
ff.css:
HTML:
<!--
#foldheader{cursor:pointer;cursor:hand ; font-weight:bold ; list-style-type:none; }
#foldinglist {list-style-type:none;}
.buerobedarf { margin-left: -38px}
.buerobedarf2 {margin-left: -43px}
.elektronik {margin-left: -1px}
.elektronik2 {margin-left: -41px; margin-top: -15px}
//-->
Vielen Dank schon einmal für Hilfe!
MfG,
faststart
Zuletzt bearbeitet von einem Moderator: