[css] Pozycjonowanie - doklejanie do dołu elementu

0

Mam mały problem z ustawieniem pozycji stopki. Całość powinna wyglądać tak

user image

Pozycję menu, bannera i treści ustawiłem, z tym nie ma problemu. Problem jest ze stopką. Nie znam wysokości treści ani menu, mogą się zmieniać, więc nie mogę ustawić wartości absolutnej względem górnej krawędzi przeglądarki, a chcę żeby stopka była cały czas "przyklejona" do menu i tresci.

Mam już trochę napisane, ale to mało to nie rozwiązuje problemu stopki

 div#kontener {
    position: relative;
    left:0px;
    top:0px;
}
    
div#menu{
    position: absolute;
    left:0px;
    top:0px;
}

div#banner{
    position: absolute;
    left:150px;
    top:0px;
}

div#tresc{
    position: absolute;
    left:151px;
    top:249px;
}
div#stopka{
    position: absolute;
    left:0px;
    bottom:0px;
}

i tutaj na stronie (tylko poglądowo bo dużo miejsca by to zajęło)

<div id="kontener">
<div id="menu">##menu##</div>
<div id="banner">##banner##</div>
<div id="tresc">##tresc##</div>
<div id="stopka">##stopka<div>
</div>

Czy ktoś może mi pomóc?

0

Nie mam teraz czasu pisać kodu, ale np. obok diva z menu dodaj diva którzy będzie przechowywał vivy z banerem i treścią :)

0

Nic to nie daje ...

0

a nie możesz po prostu:

<style>
#whatever {
width: 750px;
}

#whatever div, #whatever p {
color: white;
font-weight: bold;
font-size: 11pt;
}

#menu {
float: left;
clear: left;
width: 150px;

background-color: #3694E3
}

#banner {
float: right;
clear: right;
width: 600px;

background-color: #E33688;
}

#tresc {
float: right;
clear: right;
width: 600px;

background-color: #36E36F;
}

#stopka {
clear: both;
width: 750px;

background-color: #E36F36;
}

</style>

MENU

BANNER

TRESC

STOPKA

```
0

spróbuj dać jej

clear: both;

i na przyszłosc w takich tematach pokazuje sie jak wygląda efekt.. bo mało kto ma czas wklejac twój kod do plików zeby sprawdzic o co ci chodzi...

0

Czesc!
Moze tak bedzie dobrze :

<html>
<head>
<title></title>

<style type="text/css">
#all{background-color:pink;padding:0;margin:0;width:800px}
#lewa{float:left;padding:0;margin:0;width:200px;background-color:blue;}
#prawa{float:right;padding:0;margin:0;width:600px;background-color:red;}
#banner{clear:both;padding:0;margin:0;width:600px;background-color:orange;}
#tresc{clear:both;padding:0;margin:0;width:600px;background-color:pink;}
#stopka{clear:both;padding:0;margin:0;width:800px;background-color:yellow;}
</style>
</head>
<body>
<div id="all">
<div id="lewa">&nbsp;
<br>
<br><br><br>menu<br><br><br>
</div>
<div id="prawa">
<div id="banner">&nbsp;<br>Banner<br></div>
<div id="tresc">&nbsp;<br><br>Tresc<br><br></div>
</div>
<div id="stopka">&nbsp;STOPKA</div>
</div>
</body>
</html>
0

Póki co nikt z was nie pomógł :(

Stronka jest tutaj: http://motocykle.wowo.hosted.pl/nowy/

Chodzi o to, że nie znamy wysokości tabelki treść, a stopka ma być do niej doklejona u dołu. Coś mi się wydaję, że "wspaniałym" pozycjonowaniem css tego nie zrobię :/

0

ja bym powiedział że odpowiedź już dostałeś a nie umiesz tego wykorzystać bo czekasz na odpowiedź która pasowałaby do twojego dziwnego stylu pozycjonowania wszystkiego absolute

0

Adamo jednak miałeś rację :-) (chyba już nie pierwszy raz mi pomagasz ;-) ). Wielkie dzięki!

0 użytkowników online, w tym zalogowanych: 0, gości: 0