float: left; psuje strone

pytanie zadane 20 marca 2017 w Nasze projekty przez Konrad Wolnik Początkujący (250 p.)
zamknięte 20 marca 2017 przez Konrad Wolnik

Czesc

Jestem nowy i zacząłem pisać strone. Według kursu jak bozia nakazała, bo wkoncu coś się w sieci pokazało co mozna "zjesc" reszta, to kursy wogole "nie smaczne", ale mniejsza o zachwalanie, mam problem.

Napisałem strone użyłem znacznika "float: left;"

I ni w ząb nie wiem czemu mi wyrównuje całą strone na lewo po dodaniu tego znacznika :(

oto kod pomózcie prosze :(

<!DOCTYPE HTML>
<html lang="pl">
<head>
<meta charset="utf-8" />
<title>Jak grać na gitarze!</title>
<meta name="description" content="Prosty i szybki sposób by wiedzieć jak grać na gitarze. Wszystko począwszy od podstaw dla przedszkolaka, po materiały dla geniusza!" />
<meta name="keywords" content="jak grać na gitarze, nauka gry na gitarze, akordy, gitara" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

<style>
#container
{
width: 1024px;
margin-left: auto;
margin-right: auto;

}

#logo
{
background-color: black;
color: white;
text-align: center;
padding: 15px;
}

#nav
{
    width: 150px;
    min-height: 700px;
}

#container
{
float: left;
}

#ad
{
float: left;
}

#footer
{
    clear: both;
}

</style>

</head>
<body>
    <div id="container">

        <div id="logo">
            <h1>Jak grac na gitarze.</h1>
        </div>

        <div id="nav">
        Akordy<br/>
        Strojenie gitary<br/>
        Budowa gitary<br/>
        Pierwsze ćwiczenia<br/>
        </div>

        <div id="content">
        E|----------0---------------0---------------0---------------0--------|<br/>
        B|--------0---0-----------3---3---------3-----3---3-----3-----3---3--|<br/>
        G|--------------0---------------0-----2---2-----2-----2---2-----2----|<br/>
        D|------2---------2-----0---------0-0---------------0----------------|<br/>
        A|----2---------------2----------------------------------------------|<br/>
        E|--0---------------3------------------------------------------------|<br/>
        <br/>
        e|----------0---------------0---------------0---------------0--------|<br/>
        B|------3-----3---3-----3-----3---3-----0-----0---0-----0-----0---0--|<br/>
        G|--------0-----0---------0-----0---------2-----2---------2-----2----|<br/>
        D|----2---------------2---------------2---------------2--------------|<br/>
        A|--3---------------3---------------0---------------0----------------|<br/>
        E|-------------------------------------------------------------------|<br/>
        </div>

        <div id="ad">
        </div>

        <div id="footer">
        </div>

    </div>

</body>

</html>

komentarz zamknięcia: Problem rozwiązany :)