+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: stopka po eksporcie z Expression- div (/thread-stopka-po-eksporcie-z-expression-div)
stopka po eksporcie z Expression- div - azure - 31-08-2010
Witam,
chciałbym powiedzieć że nie lubię pytać się na forum o pomoc, bo uważam że wszystko już zostało wyjaśnione a znalezienie odpowiedzi to tylko kwestia szukania. Niestety tym razem się poddaje.
Jeżeli Panowie na forum możecie mi pomóc to będzie mi bardzo miło. Ponieważ nie jestem zbyt obeznany w temacie, będę również wdzięczny za wskazówki zmieniające całkowicei moją koncepcje tworzenia stron na divach
więc:
Zrobiłem sobie stronkę w Expression Desing i wyeksportowałem całość do pliku. Wszystkie divy są tam opatrzone atrybutem absolute, dlatego też aby wyśrodkować moją stronę dodałem jeden kontener z parametrem relative i go wyśrodkowałem.
Wszystko pięknie ślicznie, ale... na dole mam stopkę. Chciałbym żeby się ona przesuwała w dół w przypadku załadowania większej ilosći tekstu na stronę(aktualnie tekst wjeżdza pod stopkę, co jest oczywiście prawidłowe).
Czy ktoś ma jakiekolwiek rozwiązanie problemu? będę wdzięczny.
HTML:
Kod:
<body>
<div class="kontener">
<div class="gora_png"> </div>
<div class="lewa_png"> </div>
<div class="prawa_png"> </div>
<div class="tresc_png"></div>
<div class="dol_png"> </div>
</div>
</body>oraz css:
Kod:
<style type="text/css">
.gora_png
{
position: absolute;
left:34px;
top:152px;
width:680px;
height:16px;
background: url("Document_files/gora.png") no-repeat;
}
.lewa_png
{
position: absolute;
left:8px;
top:152px;
width:26px;
height:561px;
background: url("Document_files/lewa.png") no-repeat;
}
.prawa_png
{
position: absolute;
left:714px;
top:152px;
width:27px;
height:561px;
background: url("Document_files/prawa.png") no-repeat;
}
.dol_png
{
position: absolute;
left:8px;
top:713px;
width:733px;
height:39px;
background: url("Document_files/dol.png") no-repeat;
}
.tresc_png
{
position: absolute;
left:34px;
top:168px;
width:680px;
height:545px;
background: url("Document_files/tresc.png") no-repeat;
}
.kontener
{
margin: 0px auto;
width: 734px;
min-height:100%;
position: relative;
}
</style>RE: stopka po eksporcie z Expression- div - Kamil - 01-09-2010
W przypadku pozycji absolutnej nie ma takiej opcji, już sama nazwa wskazuje że jest to pozycja absolutna i niczym tego nie ruszysz. Spróbuj zastąpić pozycje absolutne parametrem float np.: jak masz
Kod PHP:
position: absolute;
left:34px;
top:152px;
Zamień na:
Kod PHP:
float: left;
margin: 152px 0 0 34px;