HTML odc.3 problem z rectangle

Question

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?

Comments

Podaj kod.

---

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;
}

 

---

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

Answer 1

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.

Comments

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

Przeczytam posty dot. clearfixu, dziekuje.

Na przyszlosc bede dawac kod w odpowiednie bloczki.