Hei zusammen,
leider kann ich die Seite um die es geht nicht hochladen da mein Server kein PhP unterstützt und muss es mit Codefragmenten/Anhang machen :-(
Zu meinem Problem:
Ich habe mit folgendem Code eine Flash-Ani eingebunden:
Die index.css sieht so aus:
Head, Flash und Navi sind fixed und der content Bereich scrollt.
Klappt im ie6 eek ie7 und Opera aber nicht in FF und NS. Die Flash-Ani wird nur dann abgespielt wenn ich im css #navi Bereich position:absolute eintrage... was dazu führt das die Navigationsleiste beim scrollen unter den flash und head Elementen verschwindet.
Was mache ich falsch? (glaube einfach nicht das FF nen bug hat )
falls der Code nicht ausreicht hier noch die relevanten Seiten (first.php öffnen für den Scrolleffect)
leider kann ich die Seite um die es geht nicht hochladen da mein Server kein PhP unterstützt und muss es mit Codefragmenten/Anhang machen :-(
Zu meinem Problem:
Ich habe mit folgendem Code eine Flash-Ani eingebunden:
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head><meta name="unbridled" content="AFreez"/>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
<title>php_test</title>
<link rel="stylesheet" href="lytebox.css" type="text/css" media="screen" />
<link rel="stylesheet" type="text/css" href="index.css" />
<link rel="stylesheet" type="text/css" href="kargus.css" title="kargusStyle" />
<!--[if lt IE 7]>
<script src="/ie7_0_9/ie7-standard-p.js" type="text/javascript"></script><![endif]-->
</head>
<body>
<div id="head" style="background-color: rgb(0, 0, 0); height: 80px; width: 100%;">
<img src="Pics/headlogo2.jpg" alt="" width="472" height="80" style="width: 472px; height:80px;"/></div>
<div id="flash" style="background-color: rgb(0, 0, 0); height: 109px; width: 100%;">
<object data="heador2.swf" type="application/x-shockwave-flash"
width="676" height="109" >
<param name="movie" value="heador2.swf" /><img src="Pics/no_flash.jpg"
width="676" height="109" alt="" />
</object></div>
<div id="navi">
<ul class="menu2">......
blablablablubb lala......</div>
Die index.css sieht so aus:
HTML:
* {
margin:0;
padding:0;
}
html {
height:100%;
max-height:100%;
border:0;
}
body {
height:100%;
max-height:100%;
border:0;
direction:ltr;
color:rgb(255, 255, 255);
background-color:rgb(00, 00, 00);
}
#head {
position:fixed;
z-index:9;
top:0px;
left:0px;
width:100%;
background: #000;
height: 1px;
}
#flash {
position:fixed;
z-index:8;
top:80px;
left:0px;
width:100%;
background: #000;
height: 1px;
}
#navi {
position:fixed;
z-index:7;
top:189px;
left:-1px;
width:1280px;
background: #000000;
height: 36px;
}
#content {
position:absolute;
z-index:5;
top:225px;
bottom:0px;
left:0px;
right:0px;
margin:16px;
}
Head, Flash und Navi sind fixed und der content Bereich scrollt.
Klappt im ie6 eek ie7 und Opera aber nicht in FF und NS. Die Flash-Ani wird nur dann abgespielt wenn ich im css #navi Bereich position:absolute eintrage... was dazu führt das die Navigationsleiste beim scrollen unter den flash und head Elementen verschwindet.
Was mache ich falsch? (glaube einfach nicht das FF nen bug hat )
falls der Code nicht ausreicht hier noch die relevanten Seiten (first.php öffnen für den Scrolleffect)