zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Content Bereich verschiebt sich im IE

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 26.02.2009, 01:47
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 26.02.2009
Beiträge: 6
Hotbananaoli befindet sich auf einem aufstrebenden Ast
Standard 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;
cursorointer;
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;
cursorointer;
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!!

Geändert von Hotbananaoli (26.02.2009 um 08:25 Uhr)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 26.02.2009, 11:51
{ display: random;}
XHTMLforum-Kenner
 
Registriert seit: 08.09.2004
Ort: Stuttgart
Beiträge: 5.034
andir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblick
Standard



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...
__________________
Grüsse Andreas- auch mal wieder da...

Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams)
Wiedergelesen: > hier und hier

[Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 26.02.2009, 13:14
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 26.02.2009
Beiträge: 6
Hotbananaoli befindet sich auf einem aufstrebenden Ast
Standard

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
Mit Zitat antworten
  #4 (permalink)  
Alt 26.02.2009, 14:03
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 25.03.2004
Beiträge: 1.838
RoToRa wird schon bald berühmt werden
Standard

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 anzeigen
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
__________________
CSS-Rauch! Nicht einatmen!
Mit Zitat antworten
  #5 (permalink)  
Alt 26.02.2009, 14:21
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 26.02.2009
Beiträge: 6
Hotbananaoli befindet sich auf einem aufstrebenden Ast
Standard

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.

Mit Zitat antworten
  #6 (permalink)  
Alt 26.02.2009, 16:43
{ display: random;}
XHTMLforum-Kenner
 
Registriert seit: 08.09.2004
Ort: Stuttgart
Beiträge: 5.034
andir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblick
Standard

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.
__________________
Grüsse Andreas- auch mal wieder da...

Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams)
Wiedergelesen: > hier und hier

[Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte
Mit Zitat antworten
  #7 (permalink)  
Alt 26.02.2009, 16:51
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 26.02.2009
Beiträge: 6
Hotbananaoli befindet sich auf einem aufstrebenden Ast
Standard

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:

Geändert von Hotbananaoli (26.02.2009 um 17:38 Uhr)
Mit Zitat antworten
  #8 (permalink)  
Alt 26.02.2009, 17:35
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

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.
Mit Zitat antworten
  #9 (permalink)  
Alt 26.02.2009, 17:36
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 26.02.2009
Beiträge: 6
Hotbananaoli befindet sich auf einem aufstrebenden Ast
Standard

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!

Geändert von Hotbananaoli (26.02.2009 um 17:41 Uhr)
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 26.02.2009, 17:40
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Schön.
Entferne overflow:hidden bei .body.
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Tabellen als Div Container SpecialFighter (X)HTML 7 12.10.2010 18:40
Ungewöhnlicher abstand beim clearen von floats adrianno CSS 14 16.09.2009 15:20
Dynamische Höhe im Content und DIV immer unten keaton CSS 8 13.12.2006 19:19
DIV Länge automatisch anpassen judicious CSS 10 08.05.2006 17:30
Seitenaufbau mit DIVs und 100% Höhe vespasquire CSS 6 12.09.2004 16:21


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