Stopka nie chce się zsunąć w dół


(Xcoref1) #1
#STOPKA {

    clear: both;

    width: 100%;

    height: 40px;

    margin-top: 40px;

    background-image: url(img/stopka.png);

        border-width: 1px;

        border-top-style: solid;

        border-bottom-style: solid;

        border-left-style: solid;

        border-right-style: solid;


}

Menu2

Menu2

Menu2

Menu2

Menu2

Menu2

Menu2

Menu2

Menu2

Reklama

Info

aaa

[/code]

No i mamy kłopot, bo strona to taki jeden wielki div. W nim jest nagłówek na górze, i div "middle", gdzie znajduje się po lewej menu, na środku iframe z newsami a z prawej div na jeszcze inne rzeczy które "zamontuje" w przyszłości. Na samym dole mamy stopke. I z nią jest problem, bowiem nie działa ona na margin-top. Jestem w tych rzeczach zielony i nie wiem co mogę jeszcze zrobić by stopka była o te 40 px niżej.


(Mariuszs) #2

Można np. dać obramowanie od góry:

border-top: 40px solid white;

.


(Xcoref1) #3

Nie można za bardzo bo tło to jest jasno szary gradient :slight_smile:


(athei) #4

Mogłeś umieścić cały styl, a nie tylko stopki …

Nie ma sensu używać dodatkowego diva dla całości, body to przecież div, tak samo tło możesz dawać dla body jak i html.

Co do problemu to spróbuj usunąć clear:both ze stopki, a przed nią dać

 
. Jak nie zadziała, to daj resztę styli i coś się wymyśli.


(Xcoref1) #5

Działa :slight_smile: podziękowania śle :slight_smile: