XHTMLforum - Einzelnen Beitrag anzeigen

Hotbananaoli · #1 (**permalink**) 26.02.2009, 00:47

Hallo!

Wir passen gerade ein Template an nur haben wir ein Problem mit dem Internet Explorer. Unser Content Bereich verschiebt sich um fast nen centimeter nach rechts womit das ganze Darstellungsbild im eimer is, da der kontent von nem grauen balken umgeben ist.

Ich hoffe ihr könnt mir da irgendwie helfen!

wäre ganz ganz dringend!

EDIT: habe gerade gelesen, das es anscheinend an irgendeinem element mit margin zu tun hat

Hier der css code:

Zitat:

* {
margin:0;
padding:0;
list-style-type:none;
}
body {
background:#000 url(images/body_loop.gif) repeat-x 0 0;
color:#CCC;
font-family:"Lucida Grande", Calibri, Arial;
font-size:12px;
height:1000px;
}
/*
$hidden
--------------------------------------------------------------*/
.widget_calendar h2, .comment-author .says {
display: none!important;
}
.clear {
clear:both;
}
.left {
float: left;
}
.right {
float: right;
}
#wrapper {
width:960px;
margin: 0 auto;
}
#header {
background:url(images/header_foot.jpg) no-repeat left bottom;
height:134px;
padding-top:15px;
clear:both;
padding-left:87px;
}
#header h1 {
width:95px;
height:115px;
display:block;
float:left;
overflow:hidden;
}
#header .description {
color:#444;
font-size:14px;
padding-left:25px;
position:relative;
top:65px;
}
#header h1 a img{
border: none;
}
#dfeader {
height:176px;
clear:both;
overflow:hidden;
}
.dfeader_lft {
background:url(images/dfeader_lft.jpg) no-repeat 0 0;
width:84px;
height:176px;
display:block;
float:left;
}
.dfeader_mid {
width:850px;
float:left;
display:block;
background:url(images/dfeader_mid.jpg) repeat-x 0 0;
height:157px;
padding-top:19px;
}
.dfeader_rt {
float:right;
background:url(images/dfeader_right.jpg) no-repeat 0 0;
display:block;
width:55px;
height:176px;
}
.grunge {
background:url(images/grunge.png) no-repeat 0 0;
width:382px;
margin-left:133px;
height:139px;
display:block;
position:absolute;
z-index:100;
top:0;
left:50%;
}
.topnavi {
background:red;
float:left;
padding:96px 0 0 33px;
height:28px;
overflow:hidden;
background:url(images/topnavi_lft.gif) no-repeat 26px bottom;
}
.topnavi ul {
background:url(images/topnavi_mid.gif) repeat-x;
height:28px;
overflow:hidden;
width:415px;
}
.topnavi li {
float:left;
list-style:none;
}
.topnavi a {
padding:8px 15px;
text-transform:uppercase;
font-size:10px;
color:#7c7b7b;
height:12px;
float:left;
display:block;
text-decoration:none;
}
.topnavi a:hover {
color:#BBB;
}
.dfeader_mid_01 {
width:407px;
display:block;
float:left;
height:157px;
padding-right:4px;
}
.dfeader_mid_01_navi {
width:150px;
float:left;
height:157px;
display:block;
}
.dfeader_mid_01_navi ul, .dfeader_mid_02_navi ul {
padding-top:9px;
}
.dfeader_mid_01_navi li, .dfeader_mid_02_navi li {
list-style:none;
}
.dfeader_mid_01_navi li a {
text-transform:uppercase;
color:#7c7b7b;
font-size:10px;
text-decoration:none;
width:130px;
height:29px;
padding-top:17px;
display:block;
text-align:right;
padding-right:20px;
outline:none;
}
.dfeader_mid_01_navi li a:hover, .dfhead_hili {
background:url(images/header_navi_sel_l.gif) no-repeat 0 0;
color:#FFF!important;
}
.dfeader_mid_02_navi li a:hover, .dfhead_hilia {
background:url(images/header_navi_sel_r.gif) no-repeat 0 0;
color:#FFF!important;
}
.dfeader_mid_01_cont, .dfeader_mid_02_cont {
float:left;
height:157px;
overflow:hidden;
width:254px;
border:1px solid #000;
background:#0f0f0f url(images/middle_nav_cont_bg.gif) repeat-x 0 0;
}
.dfeader_mid_innercont {
padding:8px;
font-size:10px;
color:#7C7B7B;
}
.dfeader_mid_innercont ul {
}
.dfeader_mid_innercont li {
list-style:none;
display:block;
border-bottom:1px solid #080808;
}
.dfeader_mid_innercont li a {
padding:9px 3px;
height:18px;
line-height:21px;
overflow:hidden;
text-decoration:none;
display:block;
color:#7c7b7b;
font-size:10px;
text-transform:uppercase;
}
.dfeader_mid_innercont li a:hover {
color:#c1c1c1;
}
.dfeader_mid_innercont li:hover {
border-bottom:1px solid #2b2b2b;
}
.dfeader_mid_innercont p {
font-size:11px;
line-height:16px;
padding:10px 5px;
}
.dfeader_mid_innercont p a {
text-decoration: none;
color: #aaa;
border-bottom: 1px dotted #aaa;
}
.dfeader_mid_innercont #s {
padding:7px;
width:150px;
border:3px solid #141414;
height:18px;
color:#CCC;
background:#292929;
}
.dfeader_mid_innercont #s:hover {
border:3px solid #444444;
}
.dfeader_mid_innercont #s:focus {
background:#3d3d3d;
border:3px solid #141414;
}
.dfeader_mid_innercont #searchform {
padding:15px 32px;
}
.body_head {
width:873px;
height:60px;
display:block;
clear:both;
padding-left:20px;
background:url(images/body_top.gif) no-repeat right bottom;
margin:0 auto;
}
.body_foot {
width:893px;
height:10px;
display:block;
clear:both;
overflow: hidden;
background:url(images/body_foot.gif) repeat-y 1px 0;
_background:url(images/body_foot.gif) repeat-y 6px 0;
margin:0 auto;
}
.body {
width:874px;
_width: 884px;
overflow:hidden;
padding-left:20px;
background:url(images/body_mid.gif) repeat-y right bottom;
_background:url(images/body_mid.gif) repeat-y 25px bottom;
margin:0 auto;
}
.innerbody {
float:left;
width:830px;
padding:15px 15px 15px 25px;
color:#333;
}
.contentconin {
width:625px;
padding-right:15px;
float:left;
}
.sidebar {
float:right;
width:165px;
overflow:hidden;
padding-right:10px;
}
.sidebar ul, .sidebar .widget_search {
padding-bottom:15px;
}
.sidebar ul li {
line-height:200%;
overflow:hidden;
}
.sidebar ul li a {
overflow:hidden;
display:block;
height:25px;
padding:3px 5px;
font-size:11px;
text-decoration:none;
color:#777;
border-bottom:1px solid #E9E9E9;
border-right:3px solid #E9E9E9;
border-left:3px solid #E9E9E9;
}
.sidebar .widget_recent_comments ul li a, .sidebar .widget_recent_comments ul li a:hover {
border:none;
background: none;
border-bottom: 1px dotted #bbb;
}
.sidebar .widget_recent_comments ul li {
overflow:hidden;
display:block;
height:25px;
padding:3px 5px;
font-size:11px;
text-decoration:none;
color:#777;
border-bottom:1px solid #E9E9E9;
border-right:3px solid #E9E9E9;
border-left:3px solid #E9E9E9;
}
.sidebar .widget_search #s {
padding: 5px;
clear: both;
border: 2px solid #eaeaea;
background: #f5f5f5;
margin: 2px 1px;
}
.sidebar .widget_search #s:focus {
border: 2px solid #ddd;
background: #fff;
}
.sidebar .widget_search #searchsubmit {
border: 2px solid #eaeaea;
padding: 5px;
float: right;
background: #efefef;
color: #999;
cursor: pointer;
}
.sidebar ul li a:hover {
background:#F5F5F5;
color:#444;
}
.post h1, .post h2, .post h3, .post h4, .post h5, .post h6, .post h1 a, .post h2 a, .post h3 a, .post h4 a, .post h5 a, .post h6 a {
color:#13a5e6;
text-decoration:none;
}
.titleparent {
color:#06A3EB;
font-size:25px;
text-align:center;
font-weight:normal;
padding:15px 0;
}
.contentcutter {
background:url(images/whitebutton.gif) repeat-x left bottom;
height:20px;
padding:5px;
text-indent:-99999px;
border-bottom:1px solid #DDD;
overflow:hidden;
color:#FFF;
}
.post .postmetadata {
padding: 12px;
background: #fafafa;
margin: 20px 0;
border: 1px solid #ddd;
height: 1%;
overflow: hidden;
color: #888;
}
.post .postmetadata a {
color: #13A5E6;
text-decoration: none;
border-bottom: 1px dotted #13A5E6;
}
.post .postmetadata a:hover {
color: #FF6200;
border-bottom: 1px dotted #FF6200;
}
.postcont ul {
padding:10px 0;
}
.postcont ul li ul {
padding:0;
}
.postcont li {
padding:8px 0 8px 23px;
background:url(images/ullibullet.gif) no-repeat 0 6px;
}
.post p {
padding:12px 0;
line-height:22px;
}
.nodemeta {
font-size: 10px;
text-transform: uppercase;
color: #AAA;
margin-left: 55px;
border-bottom: 1px solid #DFDFDF;
padding: 4px 0;
}
.post img {
border:none;
padding:5px;
}
#footer {
padding: 20px 65px;
overflow: hidden;
color: #666
}
#footer a {
text-decoration: none;
color: #999;
border-bottom: 1px dotted #999;
}
#footer {
}
h1.posttitle {
font-size: 26px!important;
}
.post h1 {
font-size:20px;
font-weight:normal;
}
.post h2 {
font-size:18px;
font-weight:normal;
}
.post h3 {
font-size:16px;
font-weight:bold;
}
.post h4 {
font-size:14px;
font-weight:bold;
}
.post h5 {
font-size:12px;
font-weight:bold;
}
.post h6 {
font-size:12px;
font-weight:bold;
}
.datepar {
float:left;
padding-right:15px;
padding-top:6px;
color:#06a3eb;
font-size:14px;
font-weight:bold;
text-align:center;
background:url(images/date.gif) no-repeat 0 0;
width:44px;
height:47px;
}
.datepar span {
clear:both;
display:block;
font-size:10px;
color:#FFF;
font-weight:normal;
text-transform:uppercase;
padding-top:6px;
}
.postcont {
line-height:20px;
color:#555;
overflow:hidden;
padding:10px 5px;
clear:both;
height:1%;
}
.postmeta {
padding:20px 0;
clear:both;
height:1%;
overflow:hidden;
display:block;
}
.postmeta iframe {
padding:0 10px;
}
.post-ratings {
float:right;
overflow:hidden;
width:auto!important;
}
.post-ratings strong {
font-weight:normal;
}
.posttitle {
color:#FF6200!important;
font-size:22px;
font-weight:normal;
}
.posttitle a {
color:#FF6200!important;
text-decoration:none;
}
.posttitle a:hover {
color:#777;
}
.post_cats a {
text-decoration:none;
font-size:10px;
color:#555;
text-transform:uppercase;
}
.post_cats a:hover {
color:#FF6200;
}
.comment-number {
clear:both;
text-align:right;
font-size:16px;
color:#DDD;
font-weight:bold;
}
.comment-author {
float: left;
padding-right: 20px;
width: 50%;
}
.comment-author cite {
display: block;
color: #666;
font-weight: bold;
font-size: 12px;
padding:12px 10px;
}
.comment-author img {
float: left;
background: url(images/comment_arr.gif) no-repeat center bottom;
padding: 5px 10px 10px 10px
}
#postcomment {
padding:15px 0;
text-align:center;
font-size:12px;
color:#AAA;
}
.commentlist {
padding:15px 0;
}
.commentlist li {
padding-top: 10px;
clear:both;
height:1%;
overflow:hidden;
}
.comment ul.children {
padding-left: 25px;
}
.comment-author cite a {
color:#666;
text-decoration:none;
border-bottom: 1px dotted #666;
}
.commentauthor {
float:left;
}
.author .commentauthor, .author .commentauthor a {
font-weight:bold;
color:#FF6600;
text-decoration:none;
font-size:12px;
padding-right:3px;
}
.thecontent .commentlist li.alt .commentauthor, .thecontent .commentlist li.alt .commentauthor a {
color:#8fc50c;
font-size:12px;
}
.commentmetadata {
float:right;
padding-top: 25px;
}
.commentmetadata a {
font-size: 10px;
}
.commentmetadata * {
color:#AAA;
font-size:11px;
text-decoration:none;
}
.commentright {
float:right;
width:480px;
padding-left:10px;
}
.commentdata {
padding:10px 0;
clear:both;
line-height:16px;
}
.comment p {
color: #777;
clear: both;
background: #fafafa url(images/comment_bg.gif) repeat-x 0 0;
padding:15px;
border-bottom: 1px solid #efefef;
}
.comment p:hover {
border-bottom: 1px solid #CCC;
}
.comment .reply {
overflow: hidden;
}
.comment .reply a {
background: #efefef;
padding: 3px 10px;
font-size: 10px;
color: #aaa;
width: 25px;
text-decoration: none;
display: block;
float: right;
}
#comments {
padding: 10px 0 15px 40px;
border-bottom: 1px dotted #EEE;
margin: 0 5px;
background: url(images/comment_ic.gif) no-repeat 0 center;
}
.commentdata p {
padding-bottom:15px;
}
.commfrm_left {
float:left;
width:285px;
padding-left: 20px;
}
.commfrm_left label {
width:60px;
display:block;
padding-top:6px;
float:left;
color:#888;
}
.commfrm_left input {
width:190px;
padding:4px;
font-size:11px;
color:#666;
height:16px;
background:#FAFAFA;
border:1px solid #CCC;
}
.commfrm_left input:focus {
border:1px solid #AAA;
background:none;
}
.commfrm_left p {
padding-bottom:10px;
overflow: hidden;
}
.commfrm_right {
float:left;
width:310px;
}
.commfrm_right textarea {
height:115px;
font-family:Arial, Helvetica, sans-serif;
color:#666;
width:290px;
padding:5px;
background:#FAFAFA;
line-height:18px;
font-size:12px;
border:1px solid #CCC;
}
.commfrm_right textarea:focus {
border:1px solid #AAA;
background:#FFF;
}
#commentform input#submit, #contactsubmit, .sbar_con_sub {
background:url(images/nextbutton.gif) no-repeat 0 11px;
width:127px;
color:#777;
font-weight:bold;
height:48px;
display:block;
font-size:12px;
border:none;
cursor

ointer;
text-align:center;
float: right;
margin-right: 15px;
}
#respond h3 {
padding: 20px 0 10px 0;
text-indent: 17px;
}
.comment-page-numbers {
height:1%;
overflow:hidden;
clear:both;
padding:15px 0;
}
.comment-page-numbers strong {
background:url(images/page_num.gif) no-repeat 0 100%;
color:#FFF;
float:left;
text-align:center;
text-decoration:none;
display:block;
width:37px;
height:42px;
padding-top:6px;
margin:0 5px;
}
.comment-page-numbers a {
float:left;
text-align:center;
text-decoration:none;
display:block;
width:37px;
height:42px;
color:#777;
font-weight:bold;
padding-top:6px;
margin:0 5px;
background:url(images/page_num.gif) no-repeat 0 0;
}
.comment-page-numbers a:hover, .comment-page-numbers strong:hover {
background:url(images/page_num.gif) no-repeat 0 100%;
color:#FFF;
}
a.com_show_al {
background:url(images/nextbutton.gif) no-repeat 0 0;
width:127px;
}
a.com_show_al:hover {
background:url(images/nextbutton.gif) no-repeat 0 0;
color:#000;
}
.postcont a, .entrymetaarea a, .commentdata a {
color:#67A400;
text-decoration:none;
}
.entrymetaarea {
background:#FFF url(images/stripe.gif) repeat scroll 0pt;
border-bottom:1px solid #CCC;
border-top:1px solid #CCC;
font-size:11px;
height:1%;
line-height:18px;
overflow:hidden;
padding:12px;
margin-bottom:15px;
}
.dfeader_mid_02 {
width:410px;
display:block;
float:left;
height:157px;
}
.dfeader_mid_02_navi {
width:150px;
float:left;
height:157px;
display:block;
}
.dfeader_mid_02_navi li a {
text-transform:uppercase;
color:#7c7b7b;
font-size:10px;
text-decoration:none;
width:130px;
height:29px;
padding-top:17px;
display:block;
text-align:left;
padding-left:20px;
}
.dfeader_mid_02_navi li a:hover {
background:url(images/header_navi_sel_r.gif) no-repeat 0 0;
color:#FFF;
}
#wp-calendar {
width:165px;
height:180px;
overflow:hidden;
color:#888;
}
.sidebar h2, #wp-calendar caption, .sidebar .widget_search label {
font-weight:normal;
clear:both;
padding-top:5px;
text-align:center;
font-size:10px;
text-transform:uppercase;
color:#777;
background:url(images/sbartab.gif) no-repeat 0 0;
width:165px;
height:26px;
}
.sidebar .widget_search label {
display: block;
}
#wp-calendar caption {
height:30px;
}
#wp-calendar #today {
background:#EEE;
}
#wp-calendar thead, #wp-calendar tbody, #wp-calendar tfoot {
padding-left:10px;
}
#wp-calendar td, #wp-calendar th {
text-align:center;
height:20px;
overflow:hidden;
}
#wp-calendar a {
color:#06A3EB;
text-decoration:none;
display:block;
padding:2px 0;
font-weight:bold;
}
#wp-calendar a:hover {
color:#FF6600;
}
.adhere {
width:158px;
height:120px;
text-align:center;
color:#888;
padding-top:80px;
border:1px solid #DDD;
line-height:20px;
background:url(images/stripe.gif) repeat;
margin:10px 0;
}
.adhere:hover {
color:#555;
border:1px solid #AAA;
}
.sidenotes_li {
background:url(images/whitebutton.gif) repeat-x 0 bottom;
padding-bottom:15px;
font-size:11px;
color:#555;
margin:10px 0;
border-bottom:1px solid #CCC;
}
.sidenotes_li:hover {
border-bottom:1px solid #999;
}
li.sidenotes_li img {
border:none!important;
}
li.sidenotes_li p {
padding:5px 2px;
}
.sidenotes_title a {
font-weight:bold;
color:#666;
text-decoration:none;
padding:9px 3px 5px 3px;
border-top:1px solid #CCC;
background:url(images/stripe.gif);
display:block;
clear:both;
}
li.sidenotes_li:hover .sidenotes_title a {
border-top:1px solid #999;
color:#555;
}
li.sidenotes_li .sidenote_date {
font-size:10px;
padding-right:8px;
text-align:right;
display:block;
color:#999;
clear:both;
}
li.sidenotes_li a {
color:#FF6600;
text-decoration:none;
font-size:11px;
}
.download {
background:url(images/download_btn.gif) no-repeat 0 0;
display:block;
height:50px;
margin-left:8px;
outline:none;
overflow:hidden;
text-indent:-9999px;
width:127px;
}
.download:hover {
background:url(images/download_btn.gif) no-repeat 0 100%;
}
.commentnom {
float:left;
padding-right:18px;
}
.commentnom a {
color:#779D03;
text-decoration:none;
background:url(images/comment.gif) no-repeat 0 0;
padding-left:20px;
}
.gototop {
position:fixed;
right:10px;
bottom:10px;
color:#999;
font-size:10px;
text-decoration:none;
_display:none;
}
.wp-pagenavi a {
background:url(images/page_num.gif) no-repeat 0 0;
width:37px;
height:42px;
display:block;
text-align:center;
float:left;
margin:0 5px;
padding-top:6px;
text-decoration:none;
color:#333;
}
.wp-pagenavi a:hover {
background:url(images/page_num.gif) no-repeat 0 100%;
color:#FFF;
}
.wp-pagenavi .current {
background:url(images/page_num.gif) no-repeat 0 100%;
width:37px;
height:42px;
display:block;
float:left;
text-align:center;
margin:0 5px;
padding-top:6px;
font-weight:bold;
color:#FFF;
}
.wp-pagenavi {
height:1%;
overflow:hidden;
padding:10px 0;
clear:both;
}
.pages {
float:left;
background:url(images/backbutton.gif) no-repeat 0 0;
width:127px;
height:42px;
text-align:center;
display:block;
color:#333;
margin:0 5px;
padding-top:6px;
}
#searchform #subbtn {
background:#000;
border:none;
padding:7px 12px;
display:block;
color:#999;
font-size:10px;
cursor

ointer;
margin-top:5px;
}
#searchform #subbtn:hover {
color:#FFF;
}
.grungerss {
width:45px;
height:45px;
display:block;
text-indent:-9999px;
overflow:hidden;
position:absolute;
z-index:999999;
top:25px;
left:50%;
margin-left:285px;
}
hr {
border-bottom:1px solid #EEE;
border-top:1px solid #DDD;
}
.hr {
background:url(images/content_cut.gif) no-repeat right center;
height:20px;
clear:both;
display:block;
text-indent:-9999px;
overflow:hidden;
}
blockquote {
padding:5px 10px;
margin:8px 0 8px 15px;
background:#F5F5F5;
border-left:5px solid #DDD;
}
.widget_calendar a {
border: none!important;
}
.widget_tag_cloud {
padding-bottom: 15px;
}
/*
.navigation a{
padding: 10px 15px;
background: url(images/whitebutton.gif) repeat-x 0 bottom;
border: 1px solid #CCC;
color: #777;
text-decoration: none;
}
.navigation a:hover{
border: 1px solid #999;
color: #555;
}
*/
.navigation .entback a{
text-align: center;
background: url(images/backbutton.gif) no-repeat 0 0;
display: block;
width: 127px;
height: 44px;
padding-top: 6px;
text-decoration: none;
color: #666;
}
.navigation a:hover{
color: #333;
}
.navigation .entnext a{
text-align: center;
background: url(images/nextbutton.gif) no-repeat 0 0;
display: block;
width: 127px;
height: 44px;
padding-top: 6px;
text-decoration: none;
color: #666;
}
.page .nodemeta{
margin: 0!important;
}
#respond p{
background: none;
padding: 0 0 23px 0;
border: none;
}
.cancel-comment-reply{
padding-bottom: 15px;
clear: both;
overflow: hidden;
text-align: right;
}
.cancel-comment-reply a{
padding: 5px 0;
text-decoration: none;
color: #FF6200;
border-bottom: 1px dotted #FF6200;
}

Danke im Vorraus!!