Hi Leuts,
ich bin aktuell dabei mir ein eigenes Design zu basteln und bin dabei auf ein oder zwei Probleme gekommen.
Es geht um das Design meiner (Preview)Seite
http://www.badnet.de.tl:
1.
Obwohl ich darauf geachtet habe das die alle Breiten der verschiedenen Boxen zusammen in einer Linie 900px (die Breite der Webseite) ergeben, habe ich, wie man sieht, zwischen Navi und den Boxen darunter Unterschiede.
Kann da mal jemand in meinen Code spicken und mir helfen? Danke.
2.
Wenn ich den Counter aktiviere und auf jeder Seite anzeigen lasse, so landet er zwischen Content und PostContent. Ist das normal und wenn ja wie kann ich das umgehen?
Mein Code
Text über dem Design:
Code: <div id="header">
</div>
<div id="navigation">
<a href="http://badweb.de.tl/home.htm"><img src="http://img.webme.com/pic/b/badnet/startseitebutton.png" alt="Startseite" border="0"></a> <a href="http://badweb.de.tl/Community.htm"><img src="http://img.webme.com/pic/b/badnet/communitybutton.png" alt="Community" border="0"></a> <a href="http://badweb.de.tl/media.htm"><img src="http://img.webme.com/pic/b/badnet/mediathekbutton.png" alt="Mediathek" border="0"></a> <a href="http://badweb.de.tl/Infos.htm"><img src="http://img.webme.com/pic/b/badnet/linklistebutton.png" alt="Linkliste" border="0"></a>
</div>
<style type="text/css">
<!--
#nav_Home{display:none;}
#nav_Community{display:none;}
#nav_Mediathek{display:none;}
#nav_Infos{display:none;}
#nav_Kontakt{display:none;}
#nav_Impressum{display:none;}
-->
</style>
Code: * {
margin: 0px;
}
body {
background-image: url(http://img.webme.com/pic/b/badnet/body.png);
background-color: #212020;
background-repeat: repeat-x;
width: 900px;
margin: auto;
background-color: #fff
font-family: sans;
font-size: 14px;
color: #fff;
}
a {
color: #1f88e3;
text-decoration: none;
}
a:hover {
color: #1f70e3;
text-decoration: underline;
}
#header_container {
display: none;
}
#header {
height: 141px;
width: 900px;
background-image: url(http://img.webme.com/pic/b/badnet/header.png);
background-repeat: no-repeat;
}
#navigation {
width: 900px;
height: 30px;
background-image: url(http://img.webme.com/pic/b/badnet/navobe.png);
background-repeat: no-repeat;
}
#nav_container {
width: 100px;
float: left;
}
#nav a{
display: block;
width: 100px;px;
height: 19px;
background: url(http://img.webme.com/pic/b/badnet/navbutton.png) no-repeat;
font-size: 14px;
}
#nav a:hover {
background: url(http://img.webme.com/pic/b/badnet/navbuttonhover.png) no-repeat;
}
#nav li {
list-style-type: none;
text-align: center;
margin-left: -40px;
}
#nav_heading {
height: 46px;
width: 100px;
background-image: url(http://img.webme.com/pic/b/badnet/navheader.png);
background-repeat: no-repeat;
}
#content_container {
width: 575px;
float: left;
}
#pre_content{
background: url(http://img.webme.com/pic/b/badnet/precontent.png) no-repeat;
height: 22px;
}
#content{
background: url(http://img.webme.com/pic/b/badnet/content.png) repeat-y;
min-height: 250px;
padding: 15px;
}
#post_content{
background: url(http://img.webme.com/pic/b/badnet/postcontent.png) no-repeat;
height: 22px;
}
#title span {
display: none;
}
#rBoxHeader {
width: 225;
height: 53px;
background: url(http://img.webme.com/pic/b/badnet/rboxheading.png) no-repeat;
float: left;
}
#rBox {
width: 195px;
float: left;
padding-top: 58px;
padding-left: 15px;
}
#below {
height: 73px;
width: 900px;
background: url(http://img.webme.com/pic/b/badnet/footer.png) no-repeat;
float: left;
text-align: center;
padding-top: 25px;
color: #1f88e3;
}
#counter {
display: none;
}
Nur "so ganz nebenbei" würde mich natürlich auch noch interessieren wie ihr das Design bisher findet.
MfG
Sascha
______________
Rechtschreibfehler sind gewollt und erhöhen die Qualität des Beitrags.
