Witam, mam komplikacje z ustawieniem divów obok siebie .

pytanie zadane 25 lipca 2022 w HTML i CSS przez Na-pewno_av1sek Nowicjusz (120 p.)
zamknięte 25 lipca 2022 przez Na-pewno_av1sek

Mam kłopot, ponieważ nie potrawie ustawić divów obok siebie.

<!DOCTYPE HTML>

<html lang="pl">

<head>

    <meta charset="utf-8"/>

        <title>Najciekawsze-zestawy-gamingowe</title>

    <meta name="description" content="uzupełnienie opisu strony"/>

    <meta name="keywords" content="uzupełnienie słow kluczowych"/>

 <style>

#box

 {

 width: 1800px;

 margin-left: auto;

 margin-right: auto;

 }

#logo

{

background-color:black;

color:white;

text-align: center;

padding: 15px;



}

#nav

{

float: left;

background-color: greenyellow;

padding: 10px;

width: 80px;

min-height: 620px;



}





#central

{

float: left;

padding: 20px;

width: 1540px;




}

#ad

{

float: left;

width: 100px;

min-height: 620px;

padding: 10px;

background-color: gold;



}

#footer

{

clear: both;

background-color: cadetblue;

padding: 20px;

text-align: center;

}

</style>



</head>

<body>



</body>

    <div id="box">

       

        </div>

            <div id="logo">

            <h1>Najlepsze zestawy gamingowe</h1>

            </div>

                <div id="central">

                    7 listopada 2006 formacja ogłosiła reaktywację w składzie Collins, Rutherford, Banks, a w

                    czerwcu 2007 roku wyruszyła w trasę „Turn It On Again Tour”, w czasie której dała 23

                    koncerty w Europie (w tym 21 czerwca 2007 na Stadionie Śląskim w Chorzowie)

                    oraz 25 koncertów w USA i Kanadzie. Koncerty odbywały się na otwartych stadionach,

                    największym był darmowy występ w Circo Massimo w Rzymie, który zgromadził około

                    500 tys. widzów[7]. Z każdego występu w ramach trasy jest dostępny zapis dźwięku nagranego

                    na żywo z konsoli miksera, zaś zapis wideo z koncertu w Rzymie został wydany na płycie DVD

                    pt. When in Rome. Ukazały się też reedycje starych

                    albumów w wersji SACD 5.1 oraz na płytach winylowych. <br/>

                </div>

                    <div id="ad">

                   

                    </div>

                        <div id="footer">

                        <h2>NAJLEPSZE ZESTAWY GAMINGOWE - TOP5! &copy; Wszelkie prawa zastrzeżone</h2>

                        </div>

                        <div id="nav">



                        </div>







    </div>




</html>

Wizualnie przypomina to następujący obrazek: A powinno być jedno obok drugiego

komentarz zamknięcia: Dostałem odpowiedź

komentarz 25 lipca 2022 przez SzkolnyAdmin Szeryf (86,360 p.)

Które konkretnie divy mają stać obok siebie? Flexbox lub grid rozwiąże twoje problemy. Float: left do konstrukcji układu strony to obecnie już prehistoria. Rozrysuj może układ, który chcesz osiągnąć.

I dlaczego zawartość strony zaczyna się po zamknięciu znacznika body???

komentarz 25 lipca 2022 przez Na-pewno_av1sek Nowicjusz (120 p.)

Dzięki, jeżeli chodzi o body to sam nie wiem

1 odpowiedź

odpowiedź 25 lipca 2022 przez KamQiX Dyskutant (9,090 p.)

Polecam skorzystanie Flexbox. Sam, gdy potrzebuję coś zrobić w HTML/CSS, korzystam z narzędzia do ustawienia elementów. Myślę, że może ono pomóc w nauce

https://flexbox.buildwithreact.com/