problem z z-index - iframe, toplayer

HTML to podstawy w dziedzinie tworzenia stron WWW, Style CSS warto opanować, bowiem za ich pomocą można dostosować odpowiednio wygląd swojej witryny WWW. Zagłębiamy się dalej i udostępniamy w tym forum możliwość zadawania pytań o JavaScript.
ODPOWIEDZ
proman77
Posty: 1
Rejestracja: wt lip 10, 2007 2:51 pm

problem z z-index - iframe, toplayer

Post autor: proman77 »

Witam, to mój pierwszy post, więc proszę o wyrozumiałość.
zrobiłem reklamę we flashu, bo mnie znajomy poprosił (generalnie zlecam takie rzeczy znajomym), wrzuciłem ją do iframe'a na poziom 1000 ;), a on i tak jest pod polami select i pod banerami flashowymi na stronie. Znajomi poradzili i w css'ie brutalnie wpisałem wszystko na poziom 1, ale nie przyniosło to skutku.
Gdzie popełniłem błąd?
Pomocy, bo klient się wnerwia, a ja już nie mam pomysłów.
poniżej kod strony i css'a

[php]<?php
...
<div align="center"; z-index:1>
<script type="text/javascript" language="JavaScript">
<!--
var now = new Date();
fixDate(now);
now.setTime(now.getTime() + 1 * 24 * 60 * 60 * 1000);
day = new Date();
id = day.getTime();
var cooks3 = getCookie("sportpix");
if (cooks3 != "x")
{

var strpix = '<div id="iframe" style="position:absolute; width:600px; height:500px; allowtransparency:true; z-index:1000; left: 255px; top: 20px;" align="center" class="layer">
<center>
<object
classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shoc ... n=8,0,22,0"
width="600" height="500"
>
<param name="movie" value="orbispopup.swf">
<param name="bgcolor" value="#FFFFFF">
<param name="quality" value="high">
<param name="allowscriptaccess" value="samedomain">
<embed
type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer"
width="600" height="500"
src="orbispopup.swf"
wmode="transparent"
bgcolor="#FFFFFF"
quality="high"
swliveconnect="true"
allowscriptaccess="samedomain"
>
<noembed>
</noembed>
</embed>
</object>
</center></div>';

document.write(strpix);

setCookie("sportpix","x",now);
}
// -->
</script>
</div>
</div>
</body>
</html>

CSS


body {
background-color: #FFFFFF;
margin: 0px;
padding: 0px;
1
}
td {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
z-index: 1;

}
.foot {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #999999;
z-index: 1;
}
/*link*/
a:link {
color: #663300;
text-decoration: none;
z-index: 1;

}
a:visited {
color: #663300;
text-decoration: none;
z-index: 1;

}
a:hover {
color: #666666;
text-decoration: underline;
z-index: 1;
}
a:active {
color: #663300;
text-decoration: none;
font-weight: normal;
z-index: 1;
}
/*koniec link*/
/*linkMenu*/
a.menu:link {
color: #000000;
text-decoration: underline;
font-weight: normal;
z-index: 1;

}
a.menu:visited {
color: #000000;
text-decoration: underline;
font-weight: normal;
z-index: 1;
}
a.menu:hover {
color: #000000;
text-decoration: none;
font-weight: normal;
z-index: 1;
}
a.menu:active {
color: #000000;
text-decoration: underline;
font-weight: normal;
z-index: 1;
}
/*koniec linkMenu*/

/* link red*/
a.red:link {
text-decoration: none;
color: #FF0000;
font-weight: bold;
z-index: 1;
}
a.red:visited {
text-decoration: none;
color: #FF0000;
font-weight: bold;
z-index: 1;
}
a.red:hover {
text-decoration: none;
color: #CC0000;
font-weight: bold;
z-index: 1;
}
a.red:active {
text-decoration: none;
color: #FF0000;
font-weight: bold;
z-index: 1;
}
/*koniec link top */

h1 {
font-size: 36px;
font-weight: bold;
color: #3366CC;
z-index: 1;
}
form {
margin: 0px;
padding: 0px;
z-index: 1;
}
.center {
text-align: center;
z-index: 1;
}
.bigtext {
font-family: Arial, Helvetica, sans-serif;
font-size: 36px;
font-weight: bold;
text-align: center;
z-index: 1;
}
.smalltext {
font-size: 11px;
z-index: 1;
}
.linia-dol {
border-bottom: 1px solid #EFEFEF;
z-index: 1;
}
.bg-MenuActiv {
background-color: #EFEFEF;
margin: 0px;
padding: 0px;
color: #000000;
z-index: 1;


}
.bg-szukaj {
background-color: #F6A472;
z-index: 1;
}
.justowanie {
text-align: justify;
z-index: 1;
}
.tx-whiteSmall {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #FFFFFF;
text-decoration: none;
z-index: 1;
}
.tx-white {
color: #FFFFFF;
z-index: 1;
}
.wybor {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
text-decoration: none;
height: 22px;
width: 152px;
z-index: 1;
}
.hr1 {
color: #C27C4F;
z-index: 1;
}
.bg-skroty {
background-color: #CED6B5;
background-image: url(img/bg-skroty.gif);
height: 156px;
width: 274px;
margin: 0px;
padding: 2px;
z-index: 1;
}
.tx-szary1 {
color: #333333;
z-index: 1;

}
.bg-witaj {
color: #FFFFFF;
background-color: #495C8F;
margin: 3px;
padding: 5px;
text-align: justify;
height: 80px;
z-index: 1;

}
.tx-szary {
color: #666666;
z-index: 1;
}
.txsmall {
font-size: 10px;
z-index: 1;
}
.miasta {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #C74743;
text-decoration: none;
height: 19px;
width: 123px;
font-weight: bold;
z-index: 1;

}
.bg-baner {
background-color: #ECE9D8;
z-index: 1;
}
.bg-aktual {
background-color: #C0C0DB;
margin: 3px;
padding: 5px;
text-align: justify;
height: 239px;
z-index: 1;

}
.tx-aktual {
color: #011267;
z-index: 1;
}
hr {
color: #CCCCCC;
z-index: 1;
}
.tx9 {
font-size: 9px;
color: #666666;
z-index: 1;
}
.tx-szary2 {
color: #676767;
z-index: 1;
}
.content {
color: #000000;
padding: 5px;
margin: 0px;
z-index: 1;

}
.tytul {
font-size: 13px;
font-weight: bold;
color: #003366;
z-index: 1;
}
.tx-prawy {
text-align: right;
z-index: 1;
}
.tx-area {
height: 125px;
width: 250px;
z-index: 1;
}
.tx-input {
height: 22px;
width: 250px;
z-index: 1;
}
.tx-red {
font-size: 12px;
font-weight: bold;
color: #FF0000;
z-index: 1;
}
/*linkStopka*/
a.stopka:link {
color: #676767;
text-decoration: none;
z-index: 1;

}
a.stopka:visited {
color: #676767;
text-decoration: none;
z-index: 1;

}
a.stopka:hover {
color: #676767;
text-decoration: underline;
z-index: 1;
}
a.stopka:active {
color: #676767;
text-decoration: none;
z-index: 1;
}
/*koniec linkStopka*/
.red {
color: #FF0000;
z-index: 1;
}
.bg-white {
background-color: #FFFFFF;
z-index: 1;
}

#layer {
position: absolute;
top: 20px;
left: 255px;
width: 600px;
height: 500px;
border: 1px solid black;
padding: 10px;
z-index: 1000;
visibility: visible;
}
#iframe {
position: absolute;
top: 10px;
left: 100px;
width: 600px;
height: 500px;
z-index: 1000;
}
.layer {
position: absolute;
visibility: visible;
z-index: 1005;
}
[/code]
?>[/php]
ODPOWIEDZ