Hallo!
Ich habe hier mein Blog:
und hier die Einzelansicht eines Probeartikels:
Wie ihr sehen könnt, sind das Blog und der Artikel zwar auf 'zentriert' eingestellt, doch stehen sie nicht an derselben Position!
Der einzelne Artikel 'springt' etwas nach links.
Weiß jemand vielleicht, woran das liegt?
Ich hab natürlich schon die sytsle.css durchforstete und viel herum und ausprobiert, aber es tut sich nichts!
CSS
/* begin Post */
.post a
{
color: #000000;
}
.post a:link
{
color: #000000;
}
.post a:visited
{
color: #FF6464;
}
.post a:hover
{
color: #FF0000;
}
.post a:hover:visited
{
color: #FF0000;
}
.post {
color:#000;
background-color: #FFFFFF;
margin-left:15px;
margin-right:15px;
margin-bottom:15px;
margin-top:0px;
padding:15px;
}
/* end Post */
/* begin Page */
body
{
margin: 0 auto;
padding: 0;
font-size: 62.5%; /* Resets 1em to 10px */
font-family: Verdana, Arial, Sans-Serif;
background-color: #000000;
color: #FFFFFF;
}
h2
{
font-size: 18px;
}
.Main
{
width: 100%;
}
table, th, td
{
font-size: 1em;
padding: 0;
border-collapse: collapse;
}
a img
{
border: 0;
}
a
{
color: #9C9C9C;
}
a:link
{
color: #9C9C9C;
}
a:visited
{
color: #C4C4C4;
}
a:hover
{
color: #9C9C9C;
}
/* end Page */
/* begin Box, Sheet */
.Sheet
{
min-width:1px;
min-height:1px;
margin: 0 auto;
position: relative;
overflow: hidden;
z-index: 0;
width: 600px;
}
* html .Sheet
{
width:expression(this.offsetWidth < 1 ? 1+"px" : "auto !important");
height:expression(this.offsetHeight < 1 ? 1+"px" : "auto !important");
width: 600px;
zoom: 1;
}
.Sheet-body
{
position: relative;
overflow: hidden;
z-index: 0;
margin: 0px;
text-align: left;
}
.Sheet-cc
{
position: absolute;
overflow:hidden;
z-index: -2;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
background-color: #000000;
}
* html .Sheet-cc
{
font-size: 1px;
width: expression(this.parentNode.offsetWidth+'px');
height: expression(this.parentNode.offsetHeight+'px');
}
.Sheet
{
margin-top: 0px !important;
margin-bottom: 3em;
padding: 0 0 1em 0;
}
/* end Box, Sheet */
/* begin Header */
div.Header
{
margin: 0 auto;
position: relative;
width: 600px;
height: 200px;
}
* html div.Header
{
font-size: 1px;
}
div.Header div
{
width: 100%;
height: 100%;
background-image: url('images/Header.jpg');
background-repeat: no-repeat;
background-position: center center;
text-align: left;
}
/* end Header */
/* begin Logo */
.logo
{
position: relative;
left: 15px;
top: 172px;
}
.logo td
{
text-align: left;
vertical-align: bottom;
white-space: nowrap;
}
.logo-name
{
font-size: 12px;
font-family: Verdana;
font-style: normal;
font-weight: bold;
}
.logo-name a
{
text-decoration: none;
color: #FFFFFF !important;
}
.logo-text
{
font-size: 1opx;
font-family: Arial;
font-style: normal;
font-weight: normal;
color: #FFFFFF !important;
}
/* end Logo */
/* begin Menu */
.menu, .menu ul
{
margin: 0;
padding: 0;
border: 0;
list-style-type: none;
display: block;
}
.menu li
{
margin: 0;
padding: 0;
border: 0;
display: block;
float: left;
position: relative;
z-index: 5;
}
.menu li:hover
{
z-index: 10000;
white-space: normal;
}
.menu li li
{
float: none;
}
.menu ul
{
visibility: hidden;
position: absolute;
z-index: 10;
left: 0;
top: 0;
}
.menu li:hover>ul
{
visibility: visible;
top: 100%;
}
.menu li li:hover>ul
{
top: 0;
left: 100%;
}
.menu:after, .menu ul:after
{
content: ".";
height: 0;
display: block;
visibility: hidden;
overflow: hidden;
clear: both;
}
.menu, .menu ul
{
min-height: 0;
}
.menu ul
{
background-image: url(images/spacer.gif);
padding: 10px 30px 30px 30px;
margin: -10px 0 0 -30px;
}
.menu ul ul
{
padding: 30px 30px 30px 10px;
margin: -30px 0 0 -10px;
}
* html .menu, * html .menu ul
{
height: 1%;
}
* html .menu li.menuhover
{
z-index: 10000;
}
* html .menu .menuhoverUL
{
visibility: visible;
}
* html .menu .menuhoverUL
{
top: 100%;
left: 0;
}
* html .menu .menuhoverUL .menuhoverUL
{
top: 0;
left: 100%;
}
* html .menu ul a
{
height: 1%;
}
* html .menu li li
{
float: left;
width: 100%;
}
* html .menu .menuhoverUL .menuhoverUL
{
top: 5px;
left: 100%;
}
* html .menu, * html .menu ul
{
height: 1%;
}
* html .menu li.menuhover
{
z-index: 10000;
}
* html .menu .menuhoverUL
{
visibility: visible;
}
* html .menu .menuhoverUL
{
top: 100%;
left: 0;
}
* html .menu .menuhoverUL .menuhoverUL
{
top: 0;
left: 100%;
}
* html .menu ul a
{
height: 1%;
}
* html .menu li li
{
float: left;
width: 100%;
}
.nav
{
position: relative;
margin: 0 auto;
width: 600px;
height: 26px;
z-index: 100;
}
.menu
{
padding: 0px 0px 0px 0px;
}
* html .nav
{
zoom: 1;
}
.nav .l, .nav .r, .nav .r div
{
top: 0;
position: absolute;
z-index: -1;
overflow: hidden;
height: 22px;
}
.nav .l
{
left: 0;
right: 0px;
}
* html .nav .l
{
width: expression(this.parentNode.offsetWidth-0+'px');
}
.nav .r
{
right: 0;
width: 0px;
}
* html .nav .r
{
left: expression(this.parentNode.offsetWidth-0+'px');
}
.nav .r div
{
width: 600px;
right: 0;
}
* html .nav .r div
{
left: expression(this.parentNode.offsetWidth-700+'px');
}
.nav .l, .nav .r div
{
background-position: left top;
background-repeat: no-repeat;
background-image: url('images/nav.png');
}
* html .nav .l, * html .nav .r div
{
font-size: 1px;
background: none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t[i];if(l.href&&/style\\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"http://forum.wordpress-deutschland.org/images/nav.png',sizingMethod='crop')");
}
/* end Menu */
/* begin ContentLayout */
.contentLayout
{
margin-bottom: 0px;
width: 100%;
position: relative;
}/* end ContentLayout */
/* begin Box, Block */
.Block
{
min-width:1px;
min-height:1px;
margin: 0 auto;
position: relative;
overflow: hidden;
z-index: 0;
}
.Block hr
{
color: #000000;
background-color: #000000;
height:15px;
border: 15px;
}
* html .Block
{
width:expression(this.offsetWidth < 1 ? 1+"px" : "auto !important");
height:expression(this.offsetHeight < 1 ? 1+"px" : "auto !important");
zoom: 1;
}
.Block-body
{
position: relative;
overflow: hidden;
z-index: 0;
margin: 15px;
text-align: left;
color: #000000;
font-family: 'Arial';
font-size: 11px;
font-weight: normal;
font-style: normal;
text-decoration: none;
}
.Block a
{
color: #000000;
}
.Block a:link
{
color: #000000;
}
.Block a:hover
{
color: #FF0000;
}
.Block a:hover:visited
{
color: #FF0000;
}
.Block a:visited
{
color: #FF6464;
}
.Block-cc
{
position: absolute;
overflow:hidden;
z-index: -2;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
background-color: #FFFFFF;
}
* html .Block-cc
{
font-size: 1px;
width: expression(this.parentNode.offsetWidth+'px');
height: expression(this.parentNode.offsetHeight+'px');
}
.Block
{
margin: 15px;
}
.Block table.table
{
border-collapse: collapse;
margin: 1px;
}
.Block table.table th, .Block table.table td
{
padding: 2px;
border: solid 1px #000000;
}
/* end Box, Block */
/* begin Box, BlockContent */
.BlockContent
{
min-width:1px;
min-height:1px;
margin: 0 auto;
position: relative;
overflow: hidden;
z-index: 0;
}
* html .BlockContent
{
width:expression(this.offsetWidth < 1 ? 1+"px" : "auto !important");
height:expression(this.offsetHeight < 1 ? 1+"px" : "auto !important");
zoom: 1;
}
.BlockContent-body
{
position: relative;
overflow: hidden;
z-index: 0;
margin: 0px;
text-align: left;
color: #000000;
font-family: 'Arial';
font-size: 11px;
font-weight: normal;
font-style: normal;
text-decoration: none;
}
.BlockContent a
{
color: #000000;
}
.BlockContent a:link
{
color: #000000;
}
.BlockContent a:hover
{
color: #FF0000;
}
.BlockContent a:hover:visited
{
color: #FF0000;
}
.BlockContent a:visited
{
color: #FF6464;
}
/* end Box, BlockContent */
/* begin LayoutCell */
.contentLayout .content
{
position: relative;
margin:0;
padding:0;
border:0;
float: left;
overflow: hidden;
width: 95%;
}
/* end LayoutCell */
#footer
{
text-align: center;
}
.post h2 a
{
text-decoration: none;
}
.aligncenter, div.aligncenter
{
display: block;
margin-left: auto;
margin-right: auto;
}
.alignleft
{
float: left;
}
.alignright
{
float: right;
}
.wp-caption
{
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
}
.wp-caption img
{
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text
{
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}
.commentlist li .avatar
{
float: right;
border: 1px solid #eee;
padding: 2px;
background: #fff;
}
#commentform textarea
{
width: 100%;
padding: 2px;
}
.hidden
{
display: none;
}
Alles anzeigen
Vielen Dank im Voraus!