Logowanie

ustawienie elementów

pytanie zadane 8 listopada 2017 w HTML i CSS przez Andrzej Sojka Użytkownik (510 p.)


<body>
     <div class="blok">
    <div class="nowa">sda</div>    
    <div class="nowa">sadsa</div>    
        
        
    </div>
    
    </body>

body
{
background-color: red;
margin: 0 auto;
}
.blok
{
    width: 1040px;
    margin-left: auto;
    margin-right: auto;
    
}
.nowa{
    background-color: blue;
    width: 480px;
    margin:10px;
    float:left;
    font-size: 20px;
    text-align: center;
}

Powiedzcie mi dlaczego element blok nie jest wyśrodkowany i ma po prawej stronie duży margines. Nie wiem czy się dobrze myślę, ale podejrzewam, ze to gdzie jest jakaś wartość domyślna i to powoduje ustawienie pod lewa stronę. Z tego co przeczytałem to wydaje mi się, że dziedziczenie jest prawidłowe zapisane. Rodzicem w tym przypadku jest body, dzieckiem jest blok. Blok jest rodzicem i dzieckiem jest nowa. To dlaczego to jest wszystko po lewej. Zdaje się sobie sprawę, że użyłem float: left, ale jak zrobiłem wyrównanie w "bloku". Więc?

1 odpowiedź

odpowiedź 8 listopada 2017 przez Wujek Greg Dyskutant (9,410 p.)
wybrane 8 listopada 2017 przez Andrzej Sojka

Najlepsza

Odpowiedzią na twe pytanie będzie clearfix, polecam poczytac to http://webkod.pl/kurs-css/lekcje/dzial-1/float-fix-oraz-clear-fix a najlepiej zrezygnowac z floata w tym przypadku na rzecz chociazby flexa

komentarz 8 listopada 2017 przez Andrzej Sojka Użytkownik (510 p.)

Dziękuję bardzo za odpowiedź. Jestem dopiero na początku nauki z html/ css więc jeszcze dużo mi brakuje. Wolę spytać niż niepotrzebnie się zniechęcać.

Podobne pytania

+1 głos

3 odpowiedzi 2,041 wizyt

inline-block ustawienie elementów jeden pod drugim

pytanie zadane 5 marca 2018 w HTML i CSS przez dudijr Początkujący (280 p.)

0 głosów

3 odpowiedzi 876 wizyt

ustawienie elementów po prawej stronie diva

pytanie zadane 9 września 2016 w HTML i CSS przez Marchiew Dyskutant (7,690 p.)

+1 głos

1 odpowiedź 93 wizyt

Ustawienie flexów

pytanie zadane 7 marca 2023 w HTML i CSS przez KonDZIKs Bywalec (2,770 p.)

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...

ustawienie elementów

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