Hi,
ich hab ein Problem mit dem Abstand innerhalb der Navigation. Ich denke, dass Bild erklärt alles.
vergleich.jpg
Der CSS-Code
Code:
/* Allgemeines */
* {
margin: 0;
padding: 0;
}
body {
text-align: center;
font-size: 16px;
}
#header {
height: 110px;
background: #2B8A06 url(images/background.jpg);
}
ul#navigation li {
display: inline;
border-left: 2px solid #000;
border-right: 2px solid #000;
padding: 0 5px 0 5px;
margin: 0 10px 0 0;
background: #2F7F06;
}
ul#navigation {
border-top: 2px solid #000;
border-bottom: 2px solid #000;
color: #fff;
font-size: 1.3em;
}
#content {
width: 65%;
float: left;
border-right: 2px solid #000;
}
#footer {
border-top: 2px solid #000;
}
HTML:
Code:
<body>
<div id="header">
<h1><img src="images/logo.jpg" alt="X-Tream Lan" /></h1>
</div>
<ul id="navigation">
<li><a href="#">Startseite</a></li>
<li><a href="#">Archiv</a></li>
<li><a href="#">Bilder</a></li>
<li><a href="#">Forum</a></li>
<li><a href="#">Impressum</a></li>
</ul>
<div id="content">
<h2>Content</h2>
</div>
<div id="sidebar">
<h2>Sidebar</h2>
</div>
<div id="footer">
<h2>Footer</h2>
</div>
</body>