+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: position:fixed (/thread-position-fixed--8689)
Strony:
1
2
position:fixed - maciekamator - 03-02-2012
Witam...mam mały problem z position fidex - posiadam na stronie 3 divy jeden pod drugim...1 i 2 chce nadać position fixed a ostatni(3div) ruchomy. w momencie nadania 1 position fixed 2 div zakrywa 1 jest na samej górze strony...dlaczego ?
<body>
<div id="div1">
<img src="gfx/kolo.png" />
</div>
<div id="div2">
<h1><img src="gfx/logo.png"" /></a></h1>
<div id="icon">
<ul>
<li class="1"><a href="#"></a></li>
<li class="2"><a href="#"></a></li>
</ul>
</div>
</div>
<div id="div3">
<img src="gfx/xxx.png" " />
</div>
</body>
html {
height:100%;
}
body {
background: #0a0a0a;
margin: 0;
padding: 0;
height:100%;
overflow-x:scroll;
}
#div1 {
width:963px;
height:100%;
position:fixed;
}
#div2 {
width: 963px;
}
#div2 h1 {
margin:0;
display:block;
}
#icon ul {
display:block;
float:left;
margin-top: -45px;
margin-left: 105px;
width: 400px;
}
#icon ul li {
margin: 1px;
display:block;
float: left;
display: block;
list-style: none;
position:relative;
}
#icon ul li.1 a{
display:block;
background:url(../gfx/1.png) no-repeat ;
width: 46px;
height: 29px;
}
#icon ul li.2 a{
display:block;
background:url(../gfx/2.png) no-repeat ;
width: 52px;
height:29px;
}
#div3 {
float: left;
margin-top: 0px;
height: 375px;
width: 2500px;
padding: 0;
}
RE: position:fixed - Kartofelek - 03-02-2012
ja tam pewnie był dał position:relative pozostałym + wszystkim odpowiednie z-index
Oczywiście jak zwykle wujek Google dobrze gada...
RE: position:fixed - maciekamator - 03-02-2012
Tak sprawdzałem pod IE i firefoxem to samo sie dzieje.. w momencie nadania fixed dla diva 1 i 2 i relative to samo sie dzieje...
RE: position:fixed - Kartofelek - 03-02-2012
1 - position relative z-index:2;
2 - position relative z-index:3;
3 - position fixed z-index:1;
RE: position:fixed - maciekamator - 04-02-2012
(03-02-2012, 21:01)Kartofelek napisał(a): 1 - position relative z-index:2;
2 - position relative z-index:3;
3 - position fixed z-index:1;
tak jak pisałem wyzzej div3 jest ruchomy a 1i2 fixed jak to bedzie wygladac
RE: position:fixed - maciekamator - 05-02-2012
jakas podpowiedz?
RE: position:fixed - maciekamator - 13-02-2012
(05-02-2012, 02:54)maciekamator napisał(a): jakas podpowiedz?
????
RE: position:fixed - Kartofelek - 13-02-2012
Kolego wiesz czemu nikt ci nie daje odpowiedzi? Bo opisałeś swój problem w tak niezrozumiały sposób że nie idzie w żaden sposób to zrozumieć. Nasze próby pomocy spełzły na niczym. Może po prostu zadaj pytanie raz jeszcze ale "wolniej" i bardziej zrozumiale.
RE: position:fixed - maciekamator - 14-02-2012
TAK jak pisałem wyżej chciałem stworzyć 3 divy :
1 DIV - stały/fixed
2 DIV - stały fixed
3 DIV - ruchomy/scrolll
w momencie nadania 1 DIVowi position fixed , 2 DIV nachodzi na niego tak jak na obrazku , nie jest jeden pod drugim....jak mam ułożyć kod żeby 1 i 2 była fixed a 3 ruchoma?
![[Obrazek: 10053151.jpg]](http://www.imageshack.us/photo/my-images/542/10053151.jpg/)
http://imageshack.us/photo/my-images/542/10053151.jpg/
(13-02-2012, 04:17)Kartofelek napisał(a): Kolego wiesz czemu nikt ci nie daje odpowiedzi? Bo opisałeś swój problem w tak niezrozumiały sposób że nie idzie w żaden sposób to zrozumieć. Nasze próby pomocy spełzły na niczym. Może po prostu zadaj pytanie raz jeszcze ale "wolniej" i bardziej zrozumiale.
RE: position:fixed - Kartofelek - 14-02-2012
To ci pisałem:
1 - fixed; z-index:1
2 - fixed, z-index:2
3 - absolute, z-index:3
Z-index ustawiasz w kolejności jakiej chcesz. Zresztą kod z początku tego wątku ma kilka błędów...