Jeden div umieszczony na drugim

pytanie zadane 15 kwietnia 2017 w HTML i CSS przez CIO3KOV Początkujący (440 p.)

Witam, jak zrobić aby nawigacja nachodziła na Banner: https://codepen.io/alpphatra/pen/zwGOoZ ?

komentarz 15 kwietnia 2017 przez pokrywa1 Użytkownik (990 p.)

W kodzie widzialem jeszcze ze chcesz zrobisz stopke no to pod navigacja musisz zrobic kolejnego diva i zostawic okolo 50px wysokosci na stopke

komentarz 15 kwietnia 2017 przez Eryk Andrzejewski Mędrzec (164,260 p.)

Jak kolejnego diva i zostawić wysokości na stopkę? Specjalistą od frontendu na pewno nie jestem, ale po co tworzyć puste divy, skoro można użyć margin?

3 odpowiedzi

odpowiedź 15 kwietnia 2017 przez imklau Nałogowiec (42,090 p.)
wybrane 15 kwietnia 2017 przez CIO3KOV

Najlepsza

możesz wykorzystać pozycjonowanie elementów w CSS:
https://developer.mozilla.org/pl/docs/Web/CSS/position

Podpowiem, że potrzebujesz postion: absolute i position: relative do osiągnięcia takiego efektu + top: 0 ;)

komentarz 15 kwietnia 2017 przez CIO3KOV Początkujący (440 p.)

Dziękuję, otrzymałem taki efekt jaki pożądałem

http://codepen.io/alpphatra/pen/zwGOoZ

komentarz 15 kwietnia 2017 przez imklau Nałogowiec (42,090 p.)

ależ nie ma za co a nie chciałeś przypadkiem, żeby ta nawigacja była "doczepiona" do góry strony?

komentarz 15 kwietnia 2017 przez CIO3KOV Początkujący (440 p.)

Jeśli chodzi o efekt sticky, to jest już...

komentarz 15 kwietnia 2017 przez imklau Nałogowiec (42,090 p.)

aa no to okeej

odpowiedź 15 kwietnia 2017 przez pokrywa1 Użytkownik (990 p.)

utwarzasz   div o nazwie Banner i dajesz mu width jakis tam okreslony i w tym divie robisz diva o nazwie nav

<div id="Banner">

       <div id="nav">

       </div>

</div>

a w css ustalasz tylko tam ich wielkosci i tym podobne