Stopka internetowa to jeden z istotniejszych elementów strony internetowej o czym już pisałem we wcześniejszym artykule. W poniższym poście opiszę jak rozmieścić teksty w stopce, aby idealnie były w tej samej linii oraz rozmieszczone były po dwóch stronach stopki.
Sprawa jest dosyć prosta do zrobienia, ale nie jest oczywista. Po stworzeniu elementu stopki (footer) dodajemy dwa paragrafy, którym rozmieszczamy na lewo i prawo dzięki właściwości – float, której dajemy wartość “left” dla elementu, który ma być na lewo oraz “right” dla tekstu, który ma być po prawej stronie stopki.
Niestety wartość “float” powoduje, że nasze elementy dla przeglądarki nie mają wysokości. Ups. Ale możemy to naprawić. Dodajemy “<p style=”clear:both”></p>” i to powoduje, że nasze elementy już są widziane przez przeglądarki. Poniżej kod. Sam HTML oraz CSS.
Akurat w tym przypadku można by nawet trochę łatwiej, żeby nie tworzyć niepotrzebnego, pustego paragrafu czy diva. Wystarczy overflow:hidden dla #footer i też będzie grało.
Anyway, trafiłem do Ciebie znowu, po dość długiej przerwie i bardzo ciekawie mi się czyta.
Dzięki za to rozwiązanie i za miłe słowa.