Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS] Element przesuwający się wraz ze stopką
merszel
post
Post #1





Grupa: Zarejestrowani
Postów: 2
Pomógł: 0
Dołączył: 26.08.2009

Ostrzeżenie: (0%)
-----


Witam, prawdopodobnie banalne pytanie, ale za pomoc byłbym bardzo wdzięczny.

http://img139.imageshack.us/img139/6172/stronac.jpg

Jest to płynny layout, a chodzi mi o to, żeby element koloru czerwonego przesuwał się razem ze stopką w zależności od ilości tekstu na stronie.
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
drPayton
post
Post #2





Grupa: Zarejestrowani
Postów: 890
Pomógł: 65
Dołączył: 13.11.2005
Skąd: Olsztyn

Ostrzeżenie: (0%)
-----


  1. <div>
  2. <div style="width:100%;height:200px;background:blue;">nagłówek</div>
  3. <div style="green">
  4. <div style="width:200px;height:200px;background:yellow;float:left;">Menu</div>
  5. <div>Tekst</div>
  6. <div style="clear:left;">
  7. <div style="width:200px;height:100px;background:red;">Toto nad stopką</div>
  8. <div style="width:100%;height:200px;background:lightblue;">stopka</div>
  9. </div>
  10. </div>
  11.  
  12. </div>


Tu czerwony element zawsze jest bezpośrednio nad stopką... Tak?
Go to the top of the page
+Quote Post
merszel
post
Post #3





Grupa: Zarejestrowani
Postów: 2
Pomógł: 0
Dołączył: 26.08.2009

Ostrzeżenie: (0%)
-----


Cytat(drPayton @ 26.08.2009, 12:25:45 ) *
  1. <div>
  2. <div style="width:100%;height:200px;background:blue;">nagłówek</div>
  3. <div style="green">
  4. <div style="width:200px;height:200px;background:yellow;float:left;">Menu</div>
  5. <div>Tekst</div>
  6. <div style="clear:left;">
  7. <div style="width:200px;height:100px;background:red;">Toto nad stopką</div>
  8. <div style="width:100%;height:200px;background:lightblue;">stopka</div>
  9. </div>
  10. </div>
  11.  
  12. </div>


Tu czerwony element zawsze jest bezpośrednio nad stopką... Tak?


W tym przypadku wpisanie tekstu będzie powodować przesuwanie się czerwonego elementu i stopki - racja, ale tekst nie sięgnie do niebieskiej stopki, gdyż strona rozciąga się po dojściu tekstu do wysokości czerwonego elementu, mam nadzieję, że zrozumiale to opisuję (IMG:style_emoticons/default/tongue.gif)

Cytat(seth-kk @ 26.08.2009, 12:23:47 ) *
cerwony element wrzoc do stopki i nadaj jej ujemny margines gorny rowny wysokosci tego elementu


Natomiast ten sposób wydaje się eliminować powyższy błąd, ale czerwony element, gdy tekstu jest mało - nachodzi na lewe menu. Jakieś sugestie, żeby Menu i Cz. El. nie nachodziły na siebie? min-height? Czy może coś praktyczniejszego?
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 5.10.2025 - 13:18