Witam, otóż tworzę sobie strony na htmlu i css aby utrwalić sobie pewne rzeczy no i napotkałem się z pewnym problemem. Div content znika gdy zmniejszam okno przeglądarki (jakby najechanie na margines sprawiło, że po prostu znika razem z tekstem).
Kod:
<!DOCTYPE HTML>
<html lang="pl">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title></title>
<meta name="description" content="Opis w Google" />
<meta name="keywords" content="słowa, kluczowe, wypisane, po, porzecinku" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="nav">nav</div>
<div id="header">
<div id="logo">logo</div>
</div>
<div id="news">news</div>
<div id="content">content</div>
</div>
</body>
</html>
css:
body
{
background-color: #404040;
color: #ffffff;
margin: 0 !important;
font-family: 'Lato', sans-serif;
font-size: 20px;
width: 100%;
}
#container
{
width: 100%;
}
#nav
{
width: 100%;
}
#header
{
padding: 40px 0;
widht: 100%;
margin-bottom: 20px;
}
#logo
{
font-size: 48px;
width: 450px;
height: 80px;
text-align: center;
margin-left: auto;
margin-right: auto;
background-color: black;
}
#news
{
background-color: green;
width: 300px;
margin: 30px;
float: left;
height: 700px;
}
#content
{
background-color: orange;
width: 1000px;
margin: 30px;
float: left;
height: 700px;
}
#footer
{
}