Reklama: Najlepszy program partnerski w sieci , KLIKNIJ
Dołącz do grupy

Stwórz profil

Musisz wpisać swoje imię
Musisz wpisać swoje nazwisko
Musisz wpisać poprawny e-mail
Musisz wpisać hasło (min. 8 znaków)
Musisz zaakceptować regulamin

konto usunięte

Temat: position: fixed...

Witam,
Chciałbym uzyskac efekt nieruchomego naglowka wzgledem reszty strony. Problem polega na tym, ze naglowek stworzony jest z 3 menu poziomych otwieranych po kolei (nie wszystkie na raz) i kazdy z poziomow menu ma inny rodzaj tla, tla ktore maja sie rozciagac na cala szerokosc strony. Mi udalo sie dojsc do momentu gdzie, wszystkie poziomy menu byly nieruchome ale na szerokosci do 1000 px (wg css), potem tlo pod menu sie konczylo (strona ma byc wysrodkowana) - a powinno ciagnac sie na lewo i prawo i tego nie umiem przeskoczyc...

Nie wiem czy jasno opisalem - pewnie nie:)) ale podaje kod tego fragmentu strony i dziekuje z gory za ewentualne odpowiedzi i podpowiedzi...

html:
<body>
<div id="myslides">
<img src="images/stories/strony-ogolne/bg-image.jpg" width="1650" height="1000" />

</div>

<div id="header1">
<div id="top1">
<div id="logo"><ul><li><a href="index.php"></a></li></ul></div><!--endlogo-->
<jdoc:include type="modules" name="menu1" style="xhtml" />
</div><!-- end #top1 --> </div> <!-- end #header1 -->
<div id="header2">
<div id="top1">
<jdoc:include type="modules" name="menu2" style="xhtml" />
</div><!-- end #top1 --></div> <!--end #header2-->
<div id="header3">
<div id="top1">
<jdoc:include type="modules" name="menu3" style="xhtml" />
</div><!-- end #top1 --></div> <!--end #header3-->
<div id="main">
<jdoc:include type="component" />
</div><!--end #main-->
<div id="footer">
<jdoc:include type="modules" name="footer" style="xhtml" />
</div> <!-- end #footer -->

</body>

css:

* {
margin: 0;
padding: 0;
}
body {
background-color: #000000;
color: #BCBEC0;

}
#top1 {
margin: 0 auto;
position: relative;
width: 1000px;
z-index: 10;
}

#header1 {
background: url("../images/bg-header1.png") repeat scroll 0 0 transparent;
height: 86px;
position: relative;
z-index: 10;
}

.moduletable_menu1 {
float: left;
height: 34px;
margin-left: 40px;
margin-top: 39px;
width: 720px;
}

}
#header2 {
background: url("../images/bg-header2.png") repeat scroll 0 0 transparent;
height: 40px;
position: relative;
z-index: 10;
}
.moduletable_menu2 {
float: left;
margin-left: 280px;
width: 750px;
}

#header3 {
background: url("../images/bg-header3.png") repeat scroll 0 0 transparent;
height: 40px;
position: relative;
z-index: 10;
}
.moduletable_menu3 {
float: left;
margin-left: 280px;
width: 750px;
}
12.12.2011, 23:10
Link do wypowiedziLink | Cytuj

Krzysztof Tomasz Jasiak multimedia, grafika,
internet, IT -
chętnie spróbuje
nowy...

Temat: position: fixed...

Szymon Szeferski:
Witam,
Chciałbym uzyskac efekt nieruchomego naglowka wzgledem reszty strony. Problem polega na tym, ze naglowek stworzony jest z 3 menu poziomych otwieranych po kolei (nie wszystkie na raz) i kazdy z poziomow menu ma inny rodzaj tla, tla ktore maja sie rozciagac na cala szerokosc strony. Mi udalo sie dojsc do momentu gdzie, wszystkie poziomy menu byly nieruchome ale na szerokosci do 1000 px (wg css), potem tlo pod menu sie konczylo (strona ma byc wysrodkowana) - a powinno ciagnac sie na lewo i prawo i tego nie umiem przeskoczyc...

Nie wiem czy jasno opisalem - pewnie nie:)) ale podaje kod tego fragmentu strony i dziekuje z gory za ewentualne odpowiedzi i podpowiedzi...

Szymonie wrzuć to gdzieś na stronę albo wklej taki kod który się do czegoś nadaje, to się zobaczy
17.12.2011, 21:11
Link do wypowiedziLink | Cytuj
« Wróć do tematów
Odpowiedz
Dołącz do grupy



Wyślij zaproszenie do

Anuluj