Div nie chce wskoczyć tam gdzie powinien

pytanie zadane 7 listopada 2018 w HTML i CSS przez rinausin Nowicjusz (150 p.)

Mam problem, a propo ukladania struktury divow, kwadracik na dole nie chce mi wskoczyć do struktury nie wiem dlaczego, załączam screena i kod HTML i CSS. Niestety nie mogę zauważyć błędu, a siedzę nad tym już chwilkę. Dzięki z góry za pomoc!

https://imgur.com/khwSbhT

<html>
<head>
<link rel="stylesheet" href="style.css" type="text/css"/>
</head>
<body>
<div id="box">
<div id="A">
</div>
<div id="B">
</div>
<div id="C">
</div>
<div id="D">
</div>
<div id="E">
</div>
<div id="F">
</div>
<div id="G">
</div>
<div id="H">
</div>
<div id="I">
</div>
<div class="czyscik"></div>
<div id="J">
</div>


</div>
</body>
</html>

#box
{
	height:400px;
	width:400px;
}
.czyscik
{
	clear:both;
}
#A
{
	height:25%;
	width:25%;
	background-color:yellow;
	float:left;
}

#B
{
	height:25%;
	width:25%;
	background-color:black;
	float:left;
}

#C
{
	height:25%;
	width:50%;
	background-color:green;
	float:left;
}

#D
{
	height:25%;
	width:50%;
	background-color:pink;
	float:left;
}

#E
{
	height:25%;
	width:25%;
	background-color:red;
	float:left;
}

#F
{
	height:25%;
	width:25%;
	background-color:blue;
	float:left;
}

#G
{
	height:25%;
	width:25%;
	background-color:magenta;
	float:left;
}

#H
{
	height:50%;
	width:50%;
	background-color:cyan;
	float:left;
}
#I
{
	height:50%;
	width:25%;
	background-color:black;
	float:left;
}

#J
{
	height:25%;
	width:25%;
	background-color:blue;
}

1 odpowiedź

odpowiedź 7 listopada 2018 przez Bosswell Nałogowiec (36,470 p.)
wybrane 7 listopada 2018 przez rinausin

Najlepsza

W css zmień stylowanie id G na

#G
{
    height:50%;
    width:25%;
    float:left;
}

#J
{
    height:50%;
    width:100%;
    background-color:blue;
    float: left
}

Dodaj element X

#X
{
    height:50%;
    width:100%;
    background-color:magenta;
    float: left
}

W HTML divy o id X i J umieść w divie o id G. i powinno śmigać. Po divie o id X możesz użyć "czyścika"

komentarz 7 listopada 2018 przez shotokan Nałogowiec (39,660 p.)

Sporo kodu się powtarza, np. height, width, float. Proponowałbym napisać ogólną klasę, a kolor zmieniać w tych id :)

komentarz 7 listopada 2018 przez Bosswell Nałogowiec (36,470 p.)

Oczywiście, masz rację ;) W odpowiedzi wskazałem jedynie jak by to zrobić sposobem, którego użył.

Podobne pytania

Div nie chce wskoczyć tam gdzie powinien

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