Witam. Mam taki problem, że nie działa mi float: left; na #ad z poradnika do html 2 Proszę o odpowiedz a zarazem poradę jak tego uniknąć.
Z góry dziękuję.
<!DOCTYE HTML>
<html lang="pl">
<head>
<meta charset="utf-8" />
<title>Stornka Filipka</title>
<meta name="description" content="To jeast description content" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<style>
#container
{
width: 1000px;
margin-left: auto;
margin-right: auto;
float: left;
}
#logo
{
background-color: black;
color: white;
text-align: center;
padding: 15px;
}
#menu
{
float: left;
background-color: lightgray;
width: 120px;
min-height: 600px;
padding: 10px;
}
#ad
{
float: left;
width: 160px;
min-height: 600px;
padding: 10px;
background-color: lightgray;
}
#content
{
text-align: center;
float: left;
padding: 20px;
width: 640px;
height: 600px;
}
#footer
{
clear: both;
background-color: black;
color: white;
text-align: center;
padding: 20px;
}
</style>
</head>
<body>
<div id="container" >
<div id="logo">
<h1>Witajcie perełki</h1>
</div>
<div id="menu">
mój facebook <br />
kanał na YT <br />
</div>
<div id-="content">
<h2>Siema, jestem Filip :D </h2>
<br />
<p> Witaj. Na stronie przedstawione są podstawaowe polecenia do języka HTML. Wybierz zakładkę z menu aly przejsć do interesującego się tematu. :) <p/>
</div>
<div id="ad">
<img src="160x600.jpg" />
</div>
<div id="footer">
XD © Wszelkie prawa zastrzeżone
</div>
</div>
</body>
</html>