Witam dopiero zaczynam programowanie więc prosze o wyrozumiałość otóż chciałem uzyskać taki efekt jak w załączniku lecz nie moge sobie poradzić z divami które chce ustawić na dole.
Czy ktos mógłby mi pomóc podać odpowiednie wymiary aby uzyskać efekt jak w zalączniku?
Poniżej moja praca
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>...</title>
</head>
<body>
<div id="top">
<div style="width:300px;height:500px;background:red;float:left"></div>
<div style="width:500px;height:400px;background:blue;float:left"></div>
<div style="width:300px;height:600px;background:yellow;float:right"></div>
<div style="width:163px;height:300px;background:green;float:right"></div>
<div style="width:300px;height:400px;background:black;float:left"></div>
</div>
</body>
</html>