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:
oraz css:
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>