Zaloguj się

maciekamator · 03-02-2012, 07:10

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;

}

**Kartofelek** · 03-02-2012, 15:31

ja tam pewnie był dał position:relative pozostałym + wszystkim odpowiednie z-index
Oczywiście jak zwykle wujek Google dobrze gada...

maciekamator · 03-02-2012, 17:22

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...

**Kartofelek** · 03-02-2012, 21:01

1 - position relative z-index:2;
2 - position relative z-index:3;
3 - position fixed z-index:1;

maciekamator · 04-02-2012, 01:25

(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

maciekamator · 05-02-2012, 02:54

jakas podpowiedz?

maciekamator · 13-02-2012, 02:53

(05-02-2012, 02:54)maciekamator napisał(a): jakas podpowiedz?

????

**Kartofelek** · 13-02-2012, 04:17

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.

maciekamator · 14-02-2012, 04:40

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://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.

**Kartofelek** · 14-02-2012, 21:10

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...

Zaloguj się
Login:
Hasło:	Nie pamiętam hasła
	Zapamiętaj mnie