Witam ostatnio zacząłem bawić się w html i css robiąc stronę napotkałem na problem z clear: both;
strona wygląda o tak http://screenshot.sh/mGxzMoFcnFIUL chciałbym aby tło tam gdzie pisze "cos tam content" oraz jest dziewczyna było jasnoniebieskie
<!DOCTYPE HTLM> <html lang="pl"<head> <meta charset="utf-8"> <title> Animce </title> <meta name="description" conten= "Strona poświecona anime" /> <meta name="keywords" content= "Anime, Manga" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chroma=1" /> <link rel="stylesheet" href="style.css" type="text/css" /> </head> <body> <div id="container"> <div id="logo"> Animce </div> <div id="menu"> <div class="options">Top10 </div> <div class="options">Animce</div> <div class="options">Manga</div> <div class="options">O Nas</div> <div class="options">Kontakt</div> </div> <div id="sidebar"> <img src="image/Fate_zero_sakura.png" /> </div> <div id="content"> cos tam content </div> <div style="both: clear;"> </div> <div id="footer"> © Wszelkie prawa zastrzeżone </div> </div> </body> <html>
body { background-color: lightblue; font-size: 22px; } #container { width: 1200px; margin-left: auto; margin-right: auto; margin-top: 15px; } #logo { letter-spacing: 2px; font-size: 44px; color: #ffffff; text-align: center; padding: 10px; background-color: #42BDF2; } #menu { background-color: #303030; color: #ffffff; text-align: center; min-height: 45px; } .options { float: left; letter-spacing: 1px; padding: 5px; font-size: 30px; padding-right: 40px; padding-left: 40px; text-align: center; } .options:hover { background-color: #ffffff; color: #42BDF2; } #sidebar { padding: 10px; color: #ffffff; float: left; } #content { float: left; color: white; width: 660px; min-height: 600; padding: 10px; } #footer { both: clear; text-align: center; color: #ffffff; padding: 10px; background-color: #000000; }