XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   CSS (http://xhtmlforum.de/forumdisplay.php?f=73)
-   -   Content Bereich verschiebt sich im IE (http://xhtmlforum.de/showthread.php?t=55989)

Hotbananaoli 26.02.2009 01:47

Content Bereich verschiebt sich im IE
 
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:pointer;
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:pointer;
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!!

andir 26.02.2009 11:51

:lol:

Eine Menge CSS-Code, aber kein HTML dazu. Wo dein Content stehen soll und wo der Container ist, der verschoben wird, kann ich nur raten..... siehe meine Sig "Dein Post?"...

Was Du vermutlich meinst, ist der IE doubled margin bug, der dann auftritt, wenn ein gefloatetes Element ein margin in der Floatrichtung enthält. Dieser wird dann unter Umständen verdoppelt. Hier hilft es, dem betroffenen gefloateten Container ein display: inline mitzugeben.

Wenn das nicht hilft, brauchen wir schlicht den HTML Code oder besser noch einen Link. Wenn das nicht geht, genaue Angaben, welche Container betroffen sind...

Hotbananaoli 26.02.2009 13:14

Erstmal vielen Dank fürs Antworten!

Ich hab keinen Plan um welchen Container es sich handelt oder sonstiges :)

hier ist ein link wo man klein sieht, wie die page aussieht: dfOriginal - Free Wordpress Theme | Dezinerfolio

So..unten die weiße box mit der grauen umrandung.. der linke graue rand und die weise box verschieben sich im IE um nen centimeter nach rechts.

Wenn dir das nix weiterhilft, welche html bzw php datei brauchst du denn?

Lg Oliver

RoToRa 26.02.2009 14:03

Als erster Schritt ist es immer sinnvoll die Fehler zu korrigieren:

[Invalid] Markup Validation of http://www.dezinerfolio.com/freebie/dforiginal-free-wordpress-theme - W3C Markup Validator

Ist zwar nichts allzu Schlimmes dabei, schaden würde es aber nicht.

Zitat:

Zitat von Hotbananaoli (Beitrag 424287)
Ich hab keinen Plan um welchen Container es sich handelt oder sonstiges :)

Das ist schlecht, denn...

Zitat:

So..unten die weiße box mit der grauen umrandung.. der linke graue rand und die weise box verschieben sich im IE um nen centimeter nach rechts.
ich wüsste auch nicht welche Box du damit meinst. :(

Robin

Hotbananaoli 26.02.2009 14:21

danke erstmal!

Ich sag halt Box dazu ;) einfach der Bereich wo der ganze Inhalt der Seite rein kommt

Um den rot umrandeten Bereich gehts! da is die "weiße Box" und die graue Umrandung.. und die linke umrandung und die box verschieben sich eben.

http://img3.imageshack.us/img3/4980/screenshoth.jpg

andir 26.02.2009 16:43

Auch jetzt kann Dir noch niemand helfen. Gut, der weiße Contentbereich scheint nach rechts zu rutschen, davon sehe ich aber nichts. Es fehlt der HTML-Code.

Link?

Besorg Dir den Firebug (FF-Ext.) und stelle fest, wie die entsprechenden Container heißen. Das ist die beste Möglichkeit die ich gerade sehe.
Von welcher IE Version reden wir eigentlich? IE 6, IE 7, IE 8?
Bitte zumindest in IE6 und 7 prüfen und dann mitteilen, in welcher Version der Fehler auftaucht.

Hotbananaoli 26.02.2009 16:51

Mit IE 7 tritt der Fehler auf.. bei den anderen Versionen weis ich nicht! Ich lad mir das jetz mal runter.. um 16:10 lad ich das Theme hoch dann kannst du dort gucken.

PS3crazy.de - Immer die aktuellsten Playstation 3 News!

edit: ich lass die seite bis 16.30 so drauf.. sonst sind die besucher verwirrt ;)
edit2: falls das was hilft, hier der gesamte quelltext:

fricca 26.02.2009 17:35

Du bist echt ein Witzbold. Jetzt war ich gerade daran, deine Seite zu untersuchen -- da ist das Problemlayout wieder weg.
Nun, der ganz kurz mal mögliche Test hat ergeben, dass das (überflüssige) overflow:hidden bei .body den Fehler verursacht.

Dieser Haufen Code, den du als Zitat hier abgeworfen hast, nützt nichts. Das ist eher ärgerlich.
Sorge dafür, dass ein Link mit deinem Problem erreichbar ist.

Hotbananaoli 26.02.2009 17:36

ich machs wieder drauf.. sorry! :(

Hab das geändert und rausgelöscht und jetz funktionierts! Ich weis nicht wie ich dir danken soll!!!! :)

Herzlichen Dank!

fricca 26.02.2009 17:40

Schön.
Entferne overflow:hidden bei .body.


Alle Zeitangaben in WEZ +2. Es ist jetzt 15:27 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2023