Hi,
folgendes Problem. Ich bin gerade dabei eine neue Page zu erstellen. Den Body hab ich ´mit CSS formatiert.
Die Hintergrundgrafik ist in drei Bereiche geteilt, Header, Center und Bottom! Im Header hab ich zusätzlich eine kleine Flash Animation.
Wenn man das ganze mit dem IE ausführt, wird alles korrekt dargestellt. Im Firefox verschiebt sich jedoch die Grafik, die Animation bleibt! Ebenso kodiert der Firefox das Menü nicht richtig, siehe Menüpunkt Gaststätte. Die Dropdown Container verlieren ihre Border.
Woran liegt das?
Hier ist ein Link, um das Problem zu Veranschaulichen.
http://www.ak-racing-shop.de/ak-racing/
Hier der CSS Code:
@charset "utf-8";
/* CSS Document */
#body
{ width:955px;
height:auto;
margin:auto;
}
#top
{ width:955px;
height:140px;
background-image:url(../images/backgrounds/top2.png);
}
#center
{ width:955px;
min-height:438px;
background-image:url(../images/backgrounds/center.gif);
}
#bottom
{ width:955px;
height:32px;
background-image:url(../images/backgrounds/bottom.gif);
}
#header
{ width:910px;
height:120px;
margin-left:23px;
margin-top:20px;
}
#menu
{ width:910px;
height:28px;
margin-left:23px;
}
#container
{ width:910px;
min-height:438px;
margin-left:23px;
}
Hier der Quelltext der index.php:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>AK-Racing</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
</head>
<body id="body">
<div id="top"><div id="header">
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/…','flash/banner' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/…ersion=9,0,28,0" width="910" height="120">
<param name="movie" value="flash/banner.swf" />
<param name="quality" value="high" /><param name="SCALE" value="exactfit" />
<embed src="flash/banner.swf" width="910" height="120" quality="high" pluginspage="http://www.adobe.com/shockwave/down…=ShockwaveFlash" type="application/x-shockwave-flash" scale="exactfit"></embed>
</object>
</noscript></div></div>
<div id="center">
<div id="menu">
<ul id="MenuBar1" class="MenuBarHorizontal">
[*]Home
[*]Kartbahn
[*]Handel
<ul>
[*]Neuigkeiten
[*]Motore
<ul>
[*]Iame
[*]TM
[*]Vortex
[/list]
[*]Reifen
<ul>
[*]Bridgestone
[*]Continental
[*]Dunlop
[/list]
[*]Chassis
<ul>
[*]Intrepid
[*]Tony Kart
[*]Kosmic
[/list]
[*]Bekleidung
<ul>
[*]Overalls
[*]Helme
[/list]
[/list]
[*]Racing Team
[*]Gaststätte
<ul>
[*]Kontakt
[*]Speisen
[/list]
[*]Forum
[*]Kontakt
[/list]
</div>
<div id="container">jkjkjk</div>
</div>
<div id="bottom"></div>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
</body>
</html>
Hoffe dass das Problem bekannt ist.
Gruß
Alimaniac