PDA

Zobacz pełną wersję : Problem ze stopką



kuba098
05-04-2012, 13:28
Robię stronę dla mojego liceum. Ogólnie nie idzie mi jakoś tragicznie ale nie mogę rozwiązać problemu ze stopką. Jest to strona ze zmienną liczbą kolumn (max 3) a stopka zamiast być na dole strony to albo się rozjeżdża na boki albo się chowa pod modułami.
Na stronie głównej: http://liceum.bugs3.com/index.php?option=com_content&view=category&layout=blog&id=89&Itemid=435 jest ok.
W zakładce rekrutacja: http://liceum.bugs3.com/index.php?option=com_content&view=article&id=82&Itemid=490 jest przesunięta 5 px w lewo.
A w galerii to już całkiem się rozjeżdża :/ http://liceum.bugs3.com/index.php?view=category&catid=16&option=com_joomgallery&Itemid=479


Strona wygląda mniejwięcej tak
<div id="box" (ma dwać białe tło pod arkuszem)>
<div id="kontener" (tak samo jak box tylko jest 10px weższy)>

<div id="left"></div>
<div id="center"></div>
<div id="right"></div>

Divy powyżej to kolumny w nich znajdują się moduły. Każdy ma parametr w stylach "float: left;" nie wiedziałem jak inaczej zrobić by kolumny ustawiały się obok siebie.
Z tym że jak ustawiam float:left; to przestaje mi się to wkładać w div="box" przez co białe tło przestaje się powielać.
</div>

Tutaj znajduje się stopka

</div>

Nie wiem co zrobić. Żeby div="box" rozciągał się pod modułami bo float:left w kolumnach to psuje. Bo inaczej stopka mi się będzie rozjeżdżać :(

zwiastun
05-04-2012, 15:01
Na stronie www.pomoc.joomla.pl w trochę już starych materiałach o szablonach masz sporo informacji o rozwiązywaniu problemów ze stopka. Najogólniej, musisz zatamować pływanie elementów z lewej i prawej (właściwość CSS clear:both)

kuba098
05-04-2012, 19:47
Poczyniłem pewne postępy ;) Problem pozostał w przeglądzie zdjęć w galerii.
O ile kategorie wyglądają jeszcze ok: http://liceum.bugs3.com/index.php?option=com_joomgallery&view=gallery&Itemid=479
to jak już wejdziemy w którąś z nich to stopka przesuwa się o 5 px w lewo: http://liceum.bugs3.com/index.php?view=category&catid=15&option=com_joomgallery&Itemid=479

Zauważyłem, że to przez to że div="kontener" kończy się na tej podstronie zaraz po menu a nie tak jak na innych podstronach przed samą stopką. Nie wiem tylko co jest tego powodem :/

Qbitsu
06-04-2012, 12:10
Witam,
Zauważyłem, że na stronie na której stopka wyświetla się prawidłowo, div z id="footer" jest wewnątrz div z id="kontener", na stronie na której jest przesunięcie 5px div z id="footer" jest poza divem z id="kontener". Może Cię na coś to naprowadzi.

Pozdrawiam