Witam, nie działa mi komenda min-height. Jeżeli nie dopiszę do nav height: 40px to nav jest bardzo wąski. Dostosowuje się jedynie do wielkości czcionki. Tak na dobrą sprawę nie działa mi klasa menu. Co więcej nawet jeżeli nie użyję klasy a samego ol (ja wybrałem listę ol zamiast listy ul) to problem dalej występuj. Proszę o pomoc.
HTML:
</head>
<body>
<header id="mainheader">
<h1 class="logo">Philosophia Blog</h1>
<nav>
<ol class="menu">
<li><a href="#">Strona główna</a></li>
<li><a href="#">Pierwszy raz tutaj?</a></li>
<li><a href="#">Dlaczego fiolofia?</a></li>
<li><a href="#">O autorze</a></li>
<li><a href="#">Kontakt</a></li>
</ol>
</nav>
</header>
<article id="article">
<header id="aheader">
Witaj w świecie filozofii!
</header>
<section id="section">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In venenatis, odio volutpat interdum dignissim, metus lectus sollicitudin est, ut porta ante mi et turpis. Morbi porttitor interdum ornare. Nunc gravida, urna nec tempus ullamcorper, augue massa semper sem, at commodo tellus tellus quis nunc. Duis aliquam ac elit ac interdum. Nullam malesuada placerat libero id sollicitudin. Integer mollis odio at turpis maximus bibendum vel vel velit. Fusce lobortis suscipit lacus, sed sodales augue iaculis quis.
</section>
<content id="content">
<img src="img/alan-watts.jpg">
<img src="img/de-mello.jpg">
<img src="img/emerson.jpg">
<img src="img/kant.jpg">
<img src="img/nietzsche.jpg">
<img src="img/platon.jpg">
</content>
</article>
</body>
</html>
CSS:
body
{
margin:0;
background-color: #2F3336;
color: #efefef;
font-family: 'Open Sans', sans-serif;
font-size: 17px;
}
.logo
{
font-size:44px;
font-weight:700;
text-align:center;
color:#ddd;
text-transform:uppercase;
letter-spacing:5px;
margin-top:50px;
margin-bottom:40px;
}
nav
{
text-align:center;
background:#1c7452;
}
}
ol
{list-style-type:none;
padding:10px;
font-size:18px;
min-height:40px;
}
ol>li
{display:inline-block;
}