Elektroda.pl
Elektroda.pl
X
Proszę, dodaj wyjątek www.elektroda.pl do Adblock.
Dzięki temu, że oglądasz reklamy, wspierasz portal i użytkowników.

CSS - DIV'y w tle strony na jej górze i dole

malum 27 Lis 2014 21:04 612 4
  • #1 27 Lis 2014 21:04
    malum
    Poziom 23  

    Witam!
    Zabrałem się za zrobienie strony, która w tle ma dwa DIV'y - jeden na górze a drugi na dole, natomiast między DIV'ami ma być odstęp. Na tych DIV'ach ma się znajdować właściwa strona, nachodząca na te dwa DIV'y. No i tu pojawia się problem. Wrzuciłem DIV'a w tło przed DIV'em strony, DIV'a strony podniosłem używając margin-top:-40px i wszystko działa świetnie. Problemem jest jednak dolny DIV, który przykrywa stopkę strony. Nie da się użyć polecenia z-index, ponieważ nie działa ono gdy podany jest margines z wartością ujemną. Co zrobić, żeby odkryć stopkę?
    Rysunek poglądowy w załączniku.

    0 4
  • Pomocny post
    #2 28 Lis 2014 21:44
    rufek90
    Poziom 24  

    Podrzuć kod, albo wklej go gdzieś na jsfiddle. Najlepiej kod bez zbędnych smieci :)


    Edit: moja propozycja: http://jsfiddle.net/zj4m4gm9/

    Kod: html4strict
    Zaloguj się, aby zobaczyć kod


    Kod: css
    Zaloguj się, aby zobaczyć kod

    0
  • #3 28 Lis 2014 22:17
    malum
    Poziom 23  

    rufek90 napisał:
    Podrzuć kod, albo wklej go gdzieś na jsfiddle. Najlepiej kod bez zbędnych smieci :)

    Edit: moja propozycja: http://jsfiddle.net/zj4m4gm9/


    Kod mam oczywiście bardzo podobny do Twojego i ten sam problem.Czerwony DIV pięknie nachodzi na górny czarny i za nic nie chce najść na dolny czarny :-(

    0
  • Pomocny post
    #4 28 Lis 2014 22:31
    rufek90
    Poziom 24  

    To się nie zrozumieliśmy. Myślałem, że obrazek przedstawia problem, a nie to, co chcesz osiągnąć. Trzymaj: http://jsfiddle.net/zj4m4gm9/3/


    Kod: html4strict
    Zaloguj się, aby zobaczyć kod



    Kod: css
    Zaloguj się, aby zobaczyć kod

    0
  • #5 29 Lis 2014 00:15
    malum
    Poziom 23  

    rufek90 napisał:
    To się nie zrozumieliśmy. Myślałem, że obrazek przedstawia problem, a nie to, co chcesz osiągnąć. Trzymaj: http://jsfiddle.net/zj4m4gm9/3/


    Wielkie dzięki, na position:relative; nie wpadłem :(

    Temat uważam za zamknięty!

    0