HTML proszę o pomoc z float

pytanie zadane 1 czerwca 2020 w HTML i CSS przez seru9 Nowicjusz (120 p.)

Więc robię stronę internetową i ma problem z float, ponieważ podzieliłem stronę na 3 częsci, jednak prawaczęść się obniża, gdy pisze coś w środkowej. Proszę o pomoc, gdyż robie to na ocenę z informatyki.

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>HTML: Krótka historia wszechświata i </title>
        <style>
        #container
        {
    
        width: 1700px;
        
        margin-left:auto;
        margin-right:auto;
        text-align: center;
        padding: 15px

        }
        #logo
        {
        background-color: black;
        text-align: center;
        padding:15px
        }
        #nav
        {
        float:left;
        padding: 10px;
        min-height:620px;
        width:300px;
        background-color: gray;
        
        }
        #content
        {
        float: center;
        padding: 20px;
        width:1350px;
        
        }
        #ad
        {
        float:right;
        padding: 10px;
        
        width:300px;
        
        
        
        }
        
        
        
        
        
        </style>
    </head>
    <body background="https://cdn.pixabay.com/photo/2017/08/30/01/05/milky-way-2695569__340.jpg">
        
        <span style="color: aqua" </span>
        <div id = "container">
        
            <div id = "logo"
                <span style="font-size: xx-large" style = "color: navy"
                    <h1> Krótka Historia Wszechświata</h1>
            </span>
            </div>
            <div id = "nav">
                
                    SPIS TREŚCI <br/><br/>
                    
                    1.Początek wszechświata <br/>
                    2.Ewolucja<br/>
                    3.Oddziaływania i włąściwości Wszechświata <br/>
                    4.Świat, a fizyka<br/>
                    5.Wszechświat w kulturze<br/><br/><br/>
                    
                    DLACZEGO WARTO ZAJRZEĆ NA TĘ STRONĘ?<br/><br/>
                    1.Dowiesz się wielu fastynujących rzeczy.<br/>
                    2.Pomożemy ci z pracą domową.<br/>
                    3. Na pewno mile spędzisz tu czas.<br/>
                    
                
            </div>
            <div id = "content"
                <span style="font-size: x-large" style = "color:red"
                <h2> Początek wszechświata </h2>
                Naukowcy zakładają, że początek wszystkiego co widzimy, miał miejsce 13,7 miliarda lat temu. Właśnie, wtedy zaistniał czas, jak i przestrzeń.
                
                </span>
                </div>
            <div id = "ad">
            
            Polecamy:
                <a href="https://en.wikipedia.org/wiki/Main_Page"> <img src = "wikipedia.jpg" style="float: right"/> </a>
            </div>
            
            
        </div>
        
        
    </body>
</html>

komentarz 1 czerwca 2020 przez seru9 Nowicjusz (120 p.)

Wydaje mi się, że mam domknięte.

1 odpowiedź

odpowiedź 1 czerwca 2020 przez pablop76 VIP (123,120 p.)

Czy musisz to robić za pomocą float? Float zawsze było problematyczne do projektowania układu strony. Trzeba pamiętać o clearfix.

Masz niedomknięte znaczniki span i div, brakuje w nich nawiasu ostrego >

np:

<span style="color: aqua"
<div id = "logo"

Najprostszy układ strony przy użyciu float

komentarz 1 czerwca 2020 przez seru9 Nowicjusz (120 p.)

Dziękuje za odpowiedź, jednak dalej mi przesuwa do dołu to co mam po prawej stronie.

Podobne pytania

HTML proszę o pomoc z float

Zaloguj lub zarejestruj się, aby skomentować.

Zaloguj lub zarejestruj się, aby odpowiedzieć na to pytanie.

1 odpowiedź

Zaloguj lub zarejestruj się, aby skomentować.

Podobne pytania

O działaniu forum

Pasja informatyki w internecie

Polecane miejsca w sieci