HTML odc.3 problem z rectangle

pytanie zadane 29 lipca 2018 w HTML i CSS przez Anya Nowicjusz (210 p.)

Witajcie,

Mam pytanie dotyczace odcinka 3 HTML, chodzi o dane w class .rectangle. Przy koncu (kiedy chce wpisac to co bedzie na dole strony (footer) caly tekst wyswietla mi sie obok zegara (tez ma klase .rectangle). Zmienialam nazwe klasy, wstawialam tekst w <h5>, nic nie popmaga. Na upartego tekst wyswietla sie obok zegara. Dopiero jak sie calosc nie zmiesci, przeskakuje do footer'a :/ Dopiero po wpisaniu trzy razy <br/> caly tekst "wskoczyl" na miejsce footer'a, ale znow tekst-align:center nie dziala :/

Macie pomysly co moze byc przyczyna?

1	komentarz 29 lipca 2018 przez OdsetekGlupoty Pasjonat (15,360 p.) Podaj kod.

komentarz 29 lipca 2018 przez Anya Nowicjusz (210 p.)
edycja 29 lipca 2018 przez Comandeer

index.html

<div class="rectangle">
            <div id="logo">Moje Imie</div>
            <div id="zegar">12:00:00</div>
            <div style="clear-both;"></div>
        </div>

style.css

.rectangle
{
    width: 960px;
    margin: 20px;
    text-align: center;
}

komentarz 29 lipca 2018 przez Comandeer Guru (608,940 p.)

Na przyszłość proszę dawać kod w odpowiednie bloczki.

1 odpowiedź

odpowiedź 29 lipca 2018 przez Comandeer Guru (608,940 p.)

Jest to spowodowane tym, że na stronie znajdują się elementy z float. Przed tym powinien chronić pusty div z clear: both (zauważ, że u Ciebie jest myślnik zamiast dwukropka).

Ogólnie możesz też przejrzeć jeszcze: http://www.forumweb.pl/porady-i-tutoriale-www/css-clearowanie-czyli-problemy-z-float,47914 – zwłaszcza nowsze posty, odnośnie clearfixu.

komentarz 29 lipca 2018 przez Anya Nowicjusz (210 p.)

Pieknie dziekuje za pomoc! Faktycznie, dwukropek… Poprawilam, dziala.

Przeczytam posty dot. clearfixu, dziekuje.

Na przyszlosc bede dawac kod w odpowiednie bloczki.