Autor Zpráva
Ikrk
Profil
#1 · Zasláno: 8. 11. 2005, 22:01:36
Odpovědět Citovat
Dobrý den,

nevíte prosím náhodou někdo, jak se dá vyřešit problém se z-indexem, aby fungoval stejně pro FF, Operu a IE? Problém je v tom, že FF neakceptuje zápornou hodnotu (což je správně) a Opera a IE akceptují. Ve FF se tím pádem zobrazí pozicovaný prvek pod tělem stránky a není vidět, kdežto v Operě a IE je vidět. Když hodnotu změním, tak sice dosáhnu toho, aby se to ve FF zobrazovalo pod jiným a prvkem a zároveň nad tělem dokumenku (čili tak jak chci), ale v Opeře a IE se to pak zobrazuje jinak (moc nahoře)...
(mno, doufám, že je to pochopitelné :))

Díky za každý nápad...

PS: všude jsem našel dost věcí o tom, že to tak opravdu je, ale nikde jak se to dá řešit...
Dero
Profil
#2 · Zasláno: 8. 11. 2005, 22:08:47
Odpovědět Citovat
že FF neakceptuje zápornou hodnotu (což je správně)

Nemyslím si, že to je správně. IMHO (nejsem si ale stoprocentně jist svou pamětí) právě z-index narozdíl od mnoha jiných vlastností záporných hodnot nabývat může.

Rád bych pomohl, ale chtělo by to konkrétní příklad.
Ikrk
Profil
#3 · Zasláno: 8. 11. 2005, 22:23:27 · Upravil/a: Ikrk
Odpovědět Citovat 
<style type="text/css">



body,html 

{

	margin:0; padding:0;

	height:100%;

	_overflow:hidden;margin:0px; padding:0px; height:100%;

	}



#obsah

{

 margin: 0; 

 padding-top: 0px; 

 height:100%; 

 overflow: visible; 

 _overflow: auto;

 background-color: transparent;

	}

	

#obsah-uvnitr 

{

	margin:0px; 

	padding: 90px 5px 0px 210px; background-color: transparent; 

	}



	

#hlavicka 

{

	position:fixed; 

	_position:absolute; 

	top:0px; 

	left: 0px; 

	_left: -16px; 

	margin:0; 

	padding:0; 

	z-index: -1;

	background: transparent url(prechod.jpg) repeat-x fixed;

      height: 42px;

      width: 100%;

	}

		

#obsah-hlavicka

{

  position:relative;

	margin:0; 

	padding-left:20px;	background: transparent url(prechod.jpg) repeat-x fixed;	z-index: -1;

	} 



#spodni_panel

	{

	position:fixed; 

	_position:absolute; 

	top:93%;

        left:0px; 

	margin:0; 

	padding:0; 

	width:100%;

	height:42px;;

	border:1px solid blue;	background: transparent url(prechod2.jpg) repeat;		z-index: -1;



	}



</style>

</head>



<body>



<div id="obsah">



<div id="hlavicka"></div>



<div id="obsah-uvnitr"></div>



<div id="spodni_panel"></div>



</div>


vypadá to takto, potřebuju, aby hlavicka a spodni_panel byly pod obsahem, ale byly videt.... V IE a Opeře to funguje krásně, ale ve FF je to pod "body" a není to vidět... :(

No, s tou správností je to asi sporný, myslím že, snad v dokumentaci W3C je napsaný, že může být záporný, ale co jsem se tak díval, tak všude bylo, že je správnějsí nezáporná hodnota, fakt nevím...
Dero
Profil
#4 · Zasláno: 8. 11. 2005, 22:29:53
Odpovědět Citovat
Asi mi něco uniká, ale já bych to řešil takto: pro obsah nastavit z-index: 2 a pro patičku + hlavičku 1. Co je na tomhle špatně?

<style type="text/css">
body,html
{
margin:0; padding:0;
height:100%;
_overflow:hidden;margin:0px; padding:0px; height:100%;
}
body
#obsah
{
margin: 0;
padding-top: 0px;
height:100%;
overflow: visible;
_overflow: auto;
background-color: transparent;
}

#obsah-uvnitr
{
margin:0px;
padding: 90px 5px 0px 210px; background-color: transparent;
z-index: 2;
}

#hlavicka
{
position:fixed;
_position:absolute;
top:0px;
left: 0px;
_left: -16px;
margin:0;
padding:0;
z-index: 1;
background: transparent url(screw.jpg) repeat-x fixed;
height: 42px;
width: 100%;
}

#obsah-hlavicka
{
position:relative;
margin:0;
padding-left:20px; background: transparent url(screw) repeat-x fixed; z-index: 1;
}
#spodni_panel
{
position:fixed;
_position:absolute;
top:93%;
left:0px;
margin:0;
padding:0;
width:100%;
height:42px;;
border:1px solid blue; background: transparent url(screw) repeat; z-index: 1;
}
</style>
</head>
<body>
<div id="obsah">
<div id="hlavicka">
</div>
<div id="obsah-uvnitr">
</div>
<div id="spodni_panel">
</div>
</div>
Ikrk
Profil
#5 · Zasláno: 8. 11. 2005, 22:36:06
Odpovědět Citovat
problem je ten, že se ti hlavicka a spodni_panel zobrazí nad obsahem_uvnitr, a já to potřebuju aby se zobrazili pod obsahem_uvnitr a zároveň nad "body", tak, aby byly vidět...
Ikrk
Profil
#6 · Zasláno: 8. 11. 2005, 22:59:33
Odpovědět Citovat
ono je to totiž fakt celý postavený na hlavu, když to funguje správně ve FF, tak je to:

hlavicka: 0
obsah_uvnitr: 1
spodni_panel: 0


pro IE a Operu:

hlavicka: -1
obsah_uvnitr: nic (předpokládám, že je tam automaticka nula, ale je to v podstatě jedno)
spodni_panel: -1

fakt nevím, co s tím... :(
Časová prodleva: 18 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0