Hallo zusammen,

mein Projekt ist so gut wie fertig doch habe ich erhebliche Probleme mit der Darstellung des Codes im Internet Explorer, Google Chrom und Fire Fox. Da es sich um ein „e B a y l a y o u t“ handelt, ist es wichtig, dass es mit jeder Software gleich/gut aussieht.

Zurzeit sieht das Script in FF und GC aus wie gewünscht, doch macht mir der IE große Probleme. Da ich absoluter Neuling bin und keine fundierten Kenntnisse im Bereich HTML/CSS habe, sind die Codes zusammengestellt und von mir angepasst und verändert worden.

Im IE wird
- „Head_image“ (Banner) nicht richtig dargestellt (unten abgeschnitten und nicht in der Mitte)

- Die Produktbeschreibung erst am Ende angezeigt, sollte jedoch neben dem Artikelbild erscheinen.

- Der ganze Aufbau linksbündig angezeigt, dieser sollte jedoch wie auch im FF mittig angelegt sein


Es wäre sehr nett, wenn mir jemand helfen könnte das Problem zu beheben.

Im Folgenden werde ich den CSS und HTML Code beifügen!

Vielen Dank im Voraus & liebe Grüße,
M. R.



CSS:
body { margin:0; padding:0; font-size:11px; line-height:16px; font-family: Arial, Tahoma;}
a { color:1ca1e5;}
a:hover { text-decoration:none;}
.white { color:#000000;}

#header { background: url(http://www.penzol.de/BACKUP/ebay/Int...eader_bckg.gif) repeat-x ; height:120px; }
#logo { width:780px; margin:0 auto; padding:50px 0 0 20px; }
#logo a{ color:1ca1e5; text-decoration:none; font-weight:bold; height:12px; font-size:20px; text-transform:uppercase;}
#logo a:hover { }
#menu {color:#fff; text-align:center; margin-top:22px;}
#menu ul{ width:780px; margin:0 auto;list-style:none; padding:0; text-align:center;}
#menu ul li{display:inline}
#menu ul a { display:block; float:left; font-weight:bold; font-size:13px; text-decoration:none; color:#0099cc; background:url(http://www.penzol.de/BACKUP/ebay/Int...u_enactive.gif) no-repeat bottom center; padding:8px 10px; width:118px; text-align:center; text-transform:uppercase;}
#menu ul a:hover { background:url(http://www.penzol.de/BACKUP/ebay/Int.../menu_over.gif) no-repeat bottom center; color:#232323;}
#menu ul a.active { background:url(http://www.penzol.de/BACKUP/ebay/Int...enu_active.gif) no-repeat bottom center; color:#232323;}
#menu ul a.active:hover { background:url(http://www.penzol.de/BACKUP/ebay/Int...enu_active.gif) no-repeat bottom center; color:#232323;}

#main { width:100%; margin:20px 0 20px 0; float:left;}
#head_image { height:150px; background:url(http://www.penzol.de/BACKUP/ebay/Int...head_bckg5.jpg) no-repeat #FFFFFF; padding:30px 0 30px 50px; line-height:24px;}
#slogan { color:#fff; font-family: "Arial Narrow", Arial, Tahoma; font-size:21px; text-transform:uppercase; }
#under_slogan_text { color:#ffff00; font-size:10px; line-height:12px; padding-top:15px;}
#content { margin:0 auto; padding:0; width:780px;}
#content h1 { margin:20px 0 0 0; text-transform:uppercase; font-size:20px; color:#000; font-weight:normal;}
#text {float:left; width:530px; padding-left:20px;}
#sidebar { background:url(http://www.penzol.de/BACKUP/ebay/Int...debar_bckg.gif) repeat-x; margin:20px 0 0 560px; color:#6f6e6e; padding:20px; }
#sidebar h2 {color:#fe5800; margin:0 0 15px 0; font-size:14px; font-weight:bold; text-transform:uppercase;}

#footer {background:url(http://www.penzol.de/BACKUP/ebay/Int...ooter_bckg.gif) repeat-x #3f3e3e 0 2px; height:94px; margin-top:20px; clear:both;}
#left_footer { float:left; padding:40px 0 0 30px; text-transform:uppercase; color:#FFFFFF; font-weight:bold; font-size:11px;}
#left_footer a { color:#FFFFFF;}
#left_footer a:hover { text-decoration:none;}
#right_footer { float:right; padding:40px 30px 0 0; text-transform:uppercase; color:#FFFFFF; font-weight:bold; font-size:11px; text-align:right;}
#right_footer a { color:#FFFFFF;}




HTML Datei im Anhang

Angehängte Dateien

index html.txt (2,6 KB, 5x aufgerufen)