Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS] Problem z z-index lub position
Forum PHP.pl > Forum > Przedszkole
PiSi
Witam,
mam problem z z-index w ie7 (w ie6 juz całkiem się to wysypuje).

oto css:
CODE

body{
background-color: #393939;
color: #000;
font-family : Georgia;
margin: 0;
padding: 0;
text-align: center;
}

#maly {
width: 100%;
height: 150px;
background-color:#1e1e1e;
z-index: 1;
position: fixed;
margin: 0;
padding: 0;
}

#kontener {
clear: both;
width: 900px;
height: 600px;
background-color:#FF00FF;
position: relative;
margin: 0 auto;
padding: 0;
z-index: 2;
border: solid 1px silver;
}

#head {
width: 100%;
height: 150px;
background-color:#0c1c2c;
}

#srodek {
width: 100%;
height: 400px;
}

#lewa {
width: 25%;
height: 100%;
float: left;
background-color: #3e0001;
}

#prawa {
width: 75%;
height: 100%;
float: right;
background-color: #FFFFFF;
}

#stopka {
width: 100%;
height: 50px;
background-color:#0c1c2c;
color: #FFFFFF;
font-size: 0.9em;
}

#koniec {
width: 100%;
height: 40px;
background-color:#1e1e1e;
z-index: 1;
position: relative;
margin-bottom: 0px;
padding: 0;

}


a to html:

<div id="maly"></div>

<div id="kontener">

<div id="head"></div>
<div id="srodek"><div id="lewa"></div><div id="prawa"></div></div>
<div id="stopka"></div>

</div>

<div id="koniec"></div>


Chodzi o to, że "maly" źle się wyświetla pod IE :/

No i jeszcze głupio się przyznać ale nie mam pojęcia jak zrobić by "koniec" zawsze był na samym dole (nawet gdy cały kontener będzie miał np. 300px wysokości) a nie przystawał do kontenera.

Dzięki za wszystkie sugestie!

pozdrawiam
erix
Cytat
Chodzi o to, że "maly" źle się wyświetla pod IE :/

Nie ma czegoś takiego, jak position: fixed dla IE.

Trzeba kombinować: http://divinentd.com/experiments/emulating...tion-fixed.html

Cytat
No i jeszcze głupio się przyznać ale nie mam pojęcia jak zrobić by "koniec" zawsze był na samym dole (nawet gdy cały kontener będzie miał np. 300px wysokości) a nie przystawał do kontenera.

Nie wiem, czy masz tam jakiś tekst, ale jeśli nie, to daj po prostu jako background: ... bottom dla odpowiedniej warstwy. ;]
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.