Webboard

Pełna wersja: Sklejenie stopki
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
Chciałbym, aby po zmniejszeniu / zwiększeniu rozmiaru strony (CTRL + / CTRL -) lub na innej rozdzielczości,
Kod:
Zaprojektował: Zawodowy
Zaczął: CreatiWeb.pl
Dokończył: Fyeem
po prawej stronie na dole stopki, było 'przyklejone' do footer i nie wychodziło z niego (SS)
Użyj pikseli zamiast procentów
Przenieś te spany do div'a z klasą footer
Jakoś w cały świat układasz te elementy sąsiadujące ze sobą, przez co się buguje.
Tutaj masz na to dwa sposoby: https://jsfiddle.net/vum232om/
Jeśli chcesz wspierać stare wersje przeglądarek użyj drugiego sposobu.
(02.11.2016, 00:14)Kacper Wojciechowski napisał(a): [ -> ]Użyj pikseli zamiast procentów
Użyłem, dzięki temu margin-top jest poprawny.
(02.11.2016, 15:29)ciezkopracuje napisał(a): [ -> ]Przenieś te spany do div'a z klasą footer
One są w footer.
(02.11.2016, 16:23)Divir napisał(a): [ -> ]Jakoś w cały świat układasz te elementy sąsiadujące ze sobą, przez co się buguje.
Tutaj masz na to dwa sposoby: https://jsfiddle.net/vum232om/
Jeśli chcesz wspierać stare wersje przeglądarek użyj drugiego sposobu.

Próbuję z tym ale nie wychodzi poprawnie jakoś.. No nic, pobawię się jeszcze max 1h.

Może footer pokażę, kto pierwszy mnie skrzyczy? :P

<br> {$theme_select}
<br>
<br class="clear"></br>
</div>
</div>
<div class="footer">
<div class="footer-top" id="gototop"><a href="#top"><i class="fa fa-chevron-up"></i></a>
</div>
<div class="container">
<span class="footer2 footer-mybb float-left">
Silnik forum <a href="http://www.mybb.com">MyBB</a>, © 2002-2015 MyBB Group.<br />
Polskie tłumaczenie © 2007-2015 <a href="https://webboard.pl">Polski Support MyBB</a>
</span>
<span class="footer2 footer-coding float-right">
Zaprojektował: <a href="#">Zawodowy</a><br />
Zaczął: <a href="http://creatiweb.pl">CreatiWeb.pl</a><br />
Dokończył: <a href="https://webboard.pl/user-36883.html">Fyeem</a>
</span>
</div>
</div>
Z tego co widzę, to nie zastosowałes się wcale do mojego kodu.
(02.11.2016, 21:14)Divir napisał(a): [ -> ]Cytuj
Już się zastosowałem. Wszystko pięknie, ponieważ oprócz zastosowania się do niego, umieściłem footer cały w container. Pięknie gra, chciałbym jednak, żeby ten container miał width: 100% a zwykły tak jak teraz, width:80%.


<br> {$theme_select}
<br>
<br class="clear"></br>


<div class="footer ">
<footer id="b">

<span>
Silnik forum <a href="http://www.mybb.com">MyBB</a>, © 2002-2015 MyBB Group.<br />
Polskie tłumaczenie © 2007-2015 <a href="https://webboard.pl">Polski Support MyBB</a>
</span>

<!--<span class="footer-top" id="gototop"><a href="#top"><i class="fa fa-chevron-up"></i></a></span>-->

<span>
Zaprojektował: <a href="#">Zawodowy</a><br />
Zaczął: <a href="http://creatiweb.pl">CreatiWeb.pl</a><br />
Dokończył: <a href="https://webboard.pl/user-36883.html">Fyeem</a>
</span>

</footer>
</div>
</div>
</div>

Dobra, mam. Zamknąłem zwykły container wcześniej i zrobiłem dla footer osobny container.

</div>
</div>
<br> {$theme_select}
<br>
<br class="clear"></br>


<div class="footer containerf ">
<footer id="b">

<span>
Silnik forum <a href="http://www.mybb.com">MyBB</a>, © 2002-2015 MyBB Group.<br />
Polskie tłumaczenie © 2007-2015 <a href="https://webboard.pl">Polski Support MyBB</a>
</span>

<!--<span class="footer-top" id="gototop"><a href="#top"><i class="fa fa-chevron-up"></i></a></span>-->

<span>
Zaprojektował: <a href="#">Zawodowy</a><br />
Zaczął: <a href="http://creatiweb.pl">CreatiWeb.pl</a><br />
Dokończył: <a href="https://webboard.pl/user-36883.html">Fyeem</a>
</span>

</footer>
</div>