Atakan D.
Kilopat
- Katılım
- 6 Temmuz 2013
- Mesajlar
- 1.742
- Makaleler
- 1
- Çözümler
- 3
Daha fazla
- Cinsiyet
- Erkek
Sayfayı küçültünce overflow ile ögelerin de küçülmesi lazım fakat olmuyor:
HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>SeyyarBlog</title>
<link rel="stylesheet" href="blog.css">
<meta name="keywords" content="blog,site,yazı,seo,internet">
<meta name="description" content="GezginBlog sitesi altında gezip gördüğünüz yerler hakkında içerik üretebilir ve burada yayınlayabilirsiniz. Kategoriler sekmesine tıklayarak farklı yerlere ait bloglarınızı yazın ve bizimle paylaşın. Kullanıcılar yorum ve beğeni bırakabilir. Yorumlar için bildirim seçeneğini işaretlemeyi unutmayın. ">
<meta charset="utf-8">
</head>
<body>
<div class="header" >
<h1>SeyyarBlog</h1>
<ul>
<li>
<a href="#">Anasayfa</a>
</li>
</ul>
<ul>
<li>
<a href="#">Kategoriler</a>
</li>
</ul>
<ul>
<li>
<a href="#">Son Girdiler</a>
</li>
</ul>
<ul>
<li>
<a href="#">Üye Ol</a>
</li>
</ul>
<ul>
<li>
<a href="#">Giriş Yap</a>
</li>
</ul>
</div>
<div id="-blog-post-container">
<div id="blog-post-1">
<p>
</p>
</div>
<div id="blog-post-2">
<p>
</p>
</div>
<div id="blog-post-3">
</div>
<div id="blog-post-container"></div>
</div>
</body>
</html>
CSS:
*{
padding:0;
margin: 0;
}
}
.header > h1 {
text-align: center;
margin: 0;
padding: 0;
height: 70px;
position: relative;
top: 15px;
font-family:sans-serif;
font-size: 40px;
}
body {
margin: 0;
padding: 0;
}
div h1 {
text-decoration: none;
border: gray 2px solid;
overflow: auto;
}
a {
text-decoration: none;
color: aliceblue;
margin: 5px auto;
position: relative;
left: 200px;
overflow: auto;
}
.header {
background-color: #96d67e;
overflow: visible;
}
.header ul li a {
display: inline-block;
margin-right: 15px;
background-color: #35402f;
min-width: 150px;
max-width: 350px;
padding: 5px;
height: 40px;
line-height: 40px;
text-align: center;
font-family: sans-serif;
overflow: auto;
}
ul li {
font-size: 20px;
word-spacing: 5px;
display: inline-block;
position: relative;
left: 200px;
right: 200px;
top: 10px;
padding: 0px;
margin-left: 10px
}
ul {
display: inline-block;
padding: 0px;
}
body {
margin-left: 100px;
margin-right: 100px;
}
