Witam,
napotkałem się na taki oto problem,
składając stronę dostałem od grafika menu we flashu, wszystko ok umieściłem w odpowiednim divie włączyłem ff i działa, przyszedł czas na coś co ludzie nazywają przeglądarką internet explorer ;]
pod IE pomiędzy menu, a banerem powstaje puste miejsce jakie jest wykorzystywane do rozwinięcia menu oto kod css
html, body {background: #fff;
text-align:center;
padding:0 auto;
margin:0 auto;
}
div.id00 {
position: inherit;
text-align:center;
padding:0 auto;
margin:0 auto;
top:15px;
text-align:center;
width:990px;
}
div.id02 {
position: relative;
top: -163px;
text-align:center;
padding-top:0px;
margin:0 auto;
width:990px;
height:180px;
background:url("images/pod_menu.jpg");
}
div.id03 {
position: relative;
top: -163px;
text-align:center;
padding:0 auto;
margin:0 auto;
width:990px;
height:532px;
background:url("images/pod.jpg");
}
i plik main.php
<? session_start();
if(isset($_GET['lang'])) $_SESSION['lang']=$_GET['lang']; //je?eli jest ustawiona zmienna $_GET['lang'] ustawia sesj?
if(!isset($_SESSION['lang'])) $_SESSION['lang']='pl'; //je?eli nie ma usawionej sesji ustaw defaultowy j?zyk
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" /> <link rel="stylesheet" href="../css.css"> <!--[if IE]>
<link rel="stylesheet" href="../hack.css">
<![endif]-->
<script type="text/javascript" src="../js.js">
<script language="javascript"> AC_FL_RunContent = 0;
</script> <script language="javascript"> DetectFlashVer = 0;
</script> <script src="AC_RunActiveContent.js" language="javascript"></script> <script language="JavaScript" type="text/javascript"> <!--
// -----------------------------------------------------------------------------
// Globals
// Major version of Flash required
var requiredMajorVersion = 8;
// Minor version of Flash required
var requiredMinorVersion = 0;
// Revision of Flash required
var requiredRevision = 0;
// -----------------------------------------------------------------------------
// -->
<body style="background-color:#FFFFFF;"> <!--url's used in the movie-->
<!--text used in the movie-->
<script language="JavaScript" type="text/javascript"> <!--
if (AC_FL_RunContent == 0 || DetectFlashVer == 0) {
alert("This page requires AC_RunActiveContent.js.");
} else {
var hasRightVersion = DetectFlashVer(requiredMajorVersion, requiredMinorVersion, requiredRevision);
if(hasRightVersion) { // if we've detected an acceptable version
// embed the flash movie
AC_FL_RunContent(
'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0',
'width', '990',
'height', '235',
'src', 'reprin_menu',
'quality', 'high',
'pluginspage', 'http://www.macromedia.com/go/getflashplayer',
'align', 'middle',
'play', 'true',
'loop', 'true',
'scale', 'showall',
'wmode', 'transparent',
'devicefont', 'false',
'id', 'reprin_menu',
'bgcolor', '#ffffff',
'name', 'reprin_menu',
'menu', 'true',
'allowScriptAccess','sameDomain',
'allowFullScreen','false',
'movie', 'reprin_menu',
'salign', ''
); //end AC code
} else { // flash is too old or we can't detect the plugin
var alternateContent = 'Alternate HTML content should be placed here.'
+ 'This content requires the Adobe Flash Player.'
+ '<a href=http://www.macromedia.com/go/getflash/>Get Flash</a>';
document.write(alternateContent); // insert non-flash content
}
}
// -->
// Provide alternate content for browsers that do not support scripting
// or for those that have scripting disabled.
Alternate HTML content should be placed here. This content requires the Adobe Flash Player.
<a href="http://www.macromedia.com/go/getflash/">Get Flash
</a>
<div class="id03">tutaj jakiś text
</div>
proszę o jakieś wskazówki jak obejść ten problem. Bo kombinowałem już na kilka sposobów i nic mi nie wyszło, wiem jak "dostawić" baner do menu ale wtedy ono rozwija się pod banerem i jest niewidoczne.
Pzdr
Wojtek
jakby komuś było potrzebne
html, body {background: #fff;
text-align:center;
padding:0 auto;
margin:0 auto;
}
div.id00 {
position: relative;
text-align:center;
padding:0 auto;
margin:0 auto;
top:15px;
text-align:center;
width:990px;
z-index: 2;
}
div.id02 {
position: relative;
top: -163px;
text-align:center;
padding-top:0px;
margin:0 auto;
width:990px;
height:180px;
background:url("images/pod_menu.jpg");
z-index: 1;
}
div.id03 {
position: relative;
top: -163px;
text-align:center;
padding:0 auto;
margin:0 auto;
width:990px;
height:532px;
background:url("images/pod.jpg");
}
problem rozwiązany dwa divy na relative