✔ CSS-Problem mit Wordpress-Template

Status
Nicht offen für weitere Antworten.
U

uran

Mitglied
Hi,
Ich hab ziemlich stark ein Wordpress-Template modifiziert und hab jetzt kurz vor Ende einen Bug im IE7. Alles was unterhalb der Navi ist verschiebt sich um 10px nach rechts und wird auf der rechte Seite um genausoviel Pixel abgeschnitten. Im CSS kann ich keine Fehler finden.

Hier der CSS-Code:
Code: 
/***********************
*   Basics             *
***********************/
body {
    margin: 0;
    padding: 0;
    background: #fff;
    font-size: 14px;
    font-family: "Trebuchet MS",  Arial, Sans-Serif;
    color: #999;
	background-color: #FFFFFF;
	background-image: url(images/bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

p, ul, ol {
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Trebuchet MS", Arial, Sans-Serif;
    font-weight:normal;
    color: #480b5d;
}

h1 {font-size: 180%;}
h2 {font-size: 130%;}
h3 {font-size: 140%;}
h4 {font-size: 130%;}
h5 {font-size: 120%;}
h6 {font-size: 110%;}

a:link,
a:visited {
    color: #5d0e79;
    text-decoration: none;
    }
a:hover,
a:active {
    color: #9948b5;
    text-decoration: none;
    }

.left {
    float: left;
    }
.right {
    float: right;
    }
.center {
    clear: both;
    margin: 0 auto;
    }
.alignleft {
    float: left;
    margin: 0 10px 0 0;
    }
.alignright {   
    float: right;
    margin: 0 0 0 10px;
    }
.clear {
    clear: both;
    }

.alert {
    font-weight: bold;
    color: #000000;
    }

.accordion{
    height:50px;
    overflow:hidden;
}

textarea,
input {
    border: 1px solid #ccc;
    color: #484848;
    }
textarea:focus,
input:focus {
    border: 1px solid #ddd;
    }
label {
    display: block;
    font-size: 110%;
    font-weight: bold;
    }

blockquote {
    background: #eee url(images/blockquote.gif) no-repeat 16px 8px;
    border: 1px solid #eee;
    font-style:italic;
    margin: 0;
    padding: 0 25px 0 64px;
    color: #777;
    }
code {
    font-family: "Trebuchet MS", Arial, Fixed;
    background: #eee url(images/code.gif) no-repeat 0 0;
    border: 1px solid #eee;
    font-style:italic;
    margin: 0;
    padding: 0 25px 0 64px;
    color: #484848;
    }



/***********************
*   Wrapper            *
***********************/

#wrapper {
    margin:auto;
    width: 900px;
    height: 100%;
    overflow: hidden;
    font-size: 13px;
    background: #ffffff;
    }


/***********************
*   Header             *
***********************/
#header {
    margin: 0 0 0 0px;
    height: 120px;
    padding: 0;
    background: url(images/pt_header.jpg) no-repeat;
    position: relative;
        }
/* Search */
#header .search {
    right: 0;
        }
#header .search p {
    margin: 0;
    }
    input#s {
    width: 138px;
    height: 18px;
    line-height: 100%;
    padding: 4px 4px 2px 32px;
    border: none;
    color: #666;
    background: url(images/search.gif) no-repeat;
        }
#header .search p {
    margin: 0;
    }
    input#sn {
    width: 138px;
    height: 18px;
    line-height: 100%;
    padding: 4px 4px 2px 32px;
    border: none;
    color: #666;
    background: url(images/search.gif) no-repeat;
        }


    #sw {
    margin: 20px 0px 0px 0px;
        }


.description {
	font-size: 1.2em;
    margin: 5px 0 0 1px;
    left:0px;
    }

/* Navmenu */

.navbar {
     color: #fff;
     height: 17px;
     background: transparent url(images/maxmin.gif) no-repeat;
     cursor:pointer;   
     }

.navbarns {
     color: #fff;
     height: 17px;
     background: transparent url(images/maxmin.gif) no-repeat;
     }

#navi{
    background: url(images/topbar.gif) no-repeat;
    margin:auto;
    width: 900px;
    }

.sf{
    float:right;
	padding: 0px 20px 0px 0px;
	}

.navmenu {
	font-size: 12px;
    list-style-type: none;
    padding: 20px 0px 0px 20px; 
    height: 20px;
        }

.navmenu ul {
	margin:0;
	padding:0;
	font-size: 12px;
    list-style-type: none;
    }

#navi .navmenu ul li {
    float: left; /* Stupid IE */
    }
#navi .navmenu ul li a {
    float: left;
    color: #ddd;
    padding: 0px 20px 15px 0px;

    }
#navi .navmenu ul li a:hover {
    text-decoration: none;
    color: #999;
    padding: 0px 20px 15px 0px;
    }
#navi .navmenu ul li.current_page_item a {
    color: #999;
    }
#navi .navmenu ul li.current_page_item a:hover {
    text-decoration: none;
    }

#header h1 {
    margin: 0px;
    padding: 50px 0 0 0;
    width: 600px;
    border: none;
    }

#logo {
    float:left;
    margin: 35px 25px 0 0px;
    background: #fff;
    }

.noborder {
    border: none;
    }

#header h1 {
    font-size: 200%;
    }
#header h1 a {
    color: #666;
    }

/***********************
*   Content            *
***********************/

#content {
    float: left;
    width: 55%;
    height: 100%;
    overflow: hidden;
    background: #fff;
        }

.post {
    clear: both;
    }

    .post-date {
    display: block;
    margin: 0px 10px 3px 2px;
    color: #666;
    font-size: 11px;
        }

    p.post-tags,
    ul.post-tags {
        margin: 5px 0;
        padding: 0 10px;
        list-style-type: none;
        }
    p.post-tags a,
    ul.post-tags li {
        padding: 0 0 0 0px;
        }
    ul.post-tags li a:link,
    ul.post-tags li a:visited,
    ul.post-tags li a:hover,
    ul.post-tags li a:active,
    p.post-tags a:link,
    p.post-tags a:visited,
    p.post-tags a:hover,
    p.post-tags a:active {
        color: #333;
        }

    .post-under {
       display: block;
       color: #333;
       font-size: 11px;
       text-align: left;   
       padding: 3px 0 0 0;
        }

.post-main {
    padding: 0 0 0 0;
    }

    .post-title {
        margin: 15px 0 0 0;
        padding: 0 0 0 0;
        color: #480b5d;
        text-decoration:none;
        }
    .post-title a:link{
        color: #5d0e79;
        text-decoration:none;
        }
   
    .post-title a:visited{
        text-decoration:none;
        }
       
    .post-title a:hover {
     color: #9948b5;
     text-decoration:none;
   
    }
    .post-title a:active {
        color: #9948b5;
        text-decoration:none;
        }

    .archiv-entry {
        padding: 0 0 2px 2px;
        color: #333;
        }
    .links-entry {
        padding: 0 0 2px 2px;
        color: #333;
        }
       
    .post-entry {
        padding: 0 0 2px 2px;
        text-align: justify;
        text-size: 14px;
        color: #333;
        background: transparent url(images/separator_title.gif) no-repeat left bottom;
        }
    .post-entry a {
        color: #480b5d;
        }
    .post-entry a:hover,
    .post-entry a:active {
        text-decoration: none;
        color: #983db8;
        }

    .post-entry img {
    border: none;

}
    .post-entry img.wp-smiley {
        border: none;
        }

.top a {
    float:right;
    padding: 0px 0 25px 0;
    line-height: 220%;
    color:#999;
        }
.top a:hover {
    float:right;
    padding: 0px 0 25px 0;
    line-height: 220%;
    color:#666;
        }

.top a {
    float:right;
    padding: 0px 0 25px 0;
    line-height: 220%;
    color:#999;
        }
.top a:hover {
    float:right;
    padding: 0px 0 25px 0;
    line-height: 220%;
    color:#666;
        }

.pagenavi
 {
    float:left;
    margin: 0 0 0 0px;
    padding: 0px 0 25px 0;
    line-height: 220%;
    color:#999;
    font-size: 12px;
        }
       
.pagenavi span,
.pagenavi a {
    color: #999;
    padding: 3px 10px;
    }
.pagenavi a:hover {
    text-decoration: none;
    color: #666;
    }

.pages {
    margin: 0 0 25px 0;
    }
.pages .older {
    float: left;
    }
.pages .newer{
    float: right;
    }
.pages .older a,
.pages .newer a {
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	color: #FFFFFF;
	background-color: #9948b5;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border: 1px solid #333333;
    text-decoration: none;
    }
.pages .older a:hover,
.pages .newer a:hover {
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	color: #FFFFFF;
	background-color: #8623a0;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border: 1px solid #333333;
    text-decoration: none;
    }


/***********************
*   Sidebar            *
***********************/

.adbox {
	margin-left: 40px;
    background: url(images/button_bg.png) no-repeat;
	text-align: center;
	padding-top: 2px;
}

.bannerspace {
	padding-left: 40px;
}

#sidebar {
    float: left;
    width: 45%;
    height: 100%;
    padding: 20px 0 0 0;
    font-size: 12px;
    }

#sidebar .sb1 h2 {
    margin: 20px 0 10px 0;
    }

#sidebar .sb2 h2 {
    margin: 20px 0 10px 0;
    }

#sidebar ul {
    margin: auto 0;
    padding: 0;
    list-style-type: none;
    }

#sidebar ul:hover {
    margin: auto 0;
    padding: 0;
    list-style-type: none;
    }

#sidebar ol {
    margin: auto 0;
    padding: 0;
    list-style-type: none;
    }

/* Left Sidebar */
#sidebar1 {
    float: left;
    width: 60%;
    height: 100%;
    overflow: hidden;
    }

    #sidebar1 .sb1 {
        width: 65%;
        margin: 0 auto;
        }
    #sidebar1 .sb1 a {
        color: #666;
        }
#sidebar1 .sb1 ul li{
    background: #fff;
    padding: 3px 0 3px 5px;
    background:url(images/cat_bg.gif) repeat-x bottom;
    }
	
#sidebar1 .sb1 ul li ul li{
    padding: 3px 0 3px 10px;
	background:none;
    }
	
#sidebar1 .sb1 ul li ul li:hover{
    background:none;
    padding: 3px 0 3px 10px;

    }

#sidebar1 .sb1 ul li:hover {
    background: #e8e8e8;
    padding: 3px 0 3px 5px;
    }

#sidebar2 .sb2 .rssfeeds {
    width: 100%;
    color: #999;
    position: relative;
    }

    .rss-entries {
        background: #fff;
        padding: 3px 0 3px 5px;
        background:url(images/cat_bg.gif) repeat-x bottom;
        }
    .rss-comments {
        background: #fff;
        padding: 3px 0 3px 5px;
        background:url(images/cat_bg.gif) repeat-x bottom;
        }
    .rss-comments:hover {
        padding: 3px 0 3px 5px;
        background: #e8e8e8;
        }
    .rss-entries:hover {
        background: #fff;
        padding: 3px 0 3px 5px;
        background: #e8e8e8;
        }

li.recent-cmts {
    clear: both;
    padding: 0px 0px 15px 0px;
    line-height: 140%;
    }

/* Right Sidebar */
#sidebar2 {
    float: left;
    width: 40%;
    height: 100%;
    overflow: hidden;
    }
  
    #sidebar2 .sb2 a {
        color: #666;
                }

#sidebar2 .sb2 ul li {
    background: #fff;
    padding: 3px 0 3px 5px;
    background:url(images/cat_bg.gif) repeat-x bottom;
    }
#sidebar2 .sb2 ul li:hover {
    background: #e8e8e8;
    padding: 3px 0 3px 5px;
    }

/***********************
*   Comments        *
***********************/

.comments {
    font-size: 14px;
    padding-bottom: 25px;
    border-bottom: 3px double #eee;
    }

.comments a:link, .comments a:visited {
    color: #666;
    font-weight: bold;
    text-decoration: none;
    }

.comments a:hover, .comments a:active {
    color: #fff;
    text-decoration: none;
    }   

.alt {
    background: #eee !important;
    border: 1px solid #eee !important;
    padding: 10px 10px 0 10px !important;
    }

.alt:hover {
    border: 1px solid #ddd !important;
    }

.commentlist li:hover {
    border: 1px solid #ddd;
    }

.commentlist {
    padding: 0;
    margin: 0;
    }

.commentlist li {
    list-style: none;
    padding: 10px 10px 0 10px;
    border: 1px solid #eee;
    margin: 10px;
    }

.metadate {
    font-size: 11px;
    color: #999;
    margin: 0px;
   
    }

.metaauthor {
    font-size: 11px;
    color: #666;
    margin: 0px;
   
    }

p.comment_meta {
    margin: 0 0 0px 0px;
    font-size: .9em;
    }

.comment_author a {
    font-weight: bold;
    text-decoration: none;
    color: #666;
    }

.comment_author a:hover {
    font-weight: bold;
    text-decoration: none;
    color: #999;
    }

.reply {
    font-size: 20px;
    margin: 30px 0 15px 0px;
    color:#666;
    }

.cmttext {
    color: #666;
    padding: 0 0 0 4px;
    }

.cmtdiffer {
    color: #999;
    }

.cmtinfo {
    font-size: 14px;
    }

.postinput {
   
    font-size: 15px;   
    }
   
img.cmt-gravatar {
    float:left;
    padding: 5px 10px 4px 4px;
    }

/***********************
*   Bottom             *
***********************/

#bottom {
    margin:auto;
    width: 950px;
    height: 100%;
    overflow: hidden;
    }
   
#backtop {
    margin: 40px 0 0 0;
    background:url(images/backtop.gif) no-repeat;
    height: 14px;
}


#bottom h2 {
    font-size:18px;
    color: #999;
    margin:0 0 15px 0px;
    }

#bottom ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    }
#bottom ul li {
    line-height: 28px;
    border-bottom: 1px solid #444;
    }
	
#bottom ul li {
    line-height: 28px;
    border-bottom: 1px solid #444;
    }

#bottom ul li a {
    display: block;
    width: auto !important;
    width: 100%; /* Stupid IE */
    padding: 0 10px;
    color: #777;
    }
#bottom ul li a:hover {
    text-decoration: none;
    color: #ccc;
    background: #333;
    }

#bottom .bottom {
    float: left;
    width: 100%;
    padding: 7px 33px 50px 30px;
    background:url(images/ptfooter.png) no-repeat;
    background: #353536;
    }

#bottom .bottom-left,
#bottom .bottom-mid {
    float: left;
    width: 27% !important;
    width: 25%; /* Stupid IE */
    height: 100%;
    margin: 0 40px 0 0;
    }

#bottom .bottom-right {
    float: left;
    width: 25%;
    width: 300px;
    }

.flickr {
    width: 300px;
    }

.flickr img {
    display: block;
    border:none;
    }
.flickr a {
    float: left;
    background: #444;
    padding: 4px;
    margin: 5px;
    }
.flickr a:hover {
    background: #666;
    }


/***********************
*   Footer             *
***********************/

#footer {
    margin:auto;
    width: 900px;
    height: 100%;
    background: #353536;
    font-size: 11px;
    overflow:hidden;
    color: #999;
        }

#footer a {
    color: #999;
    padding: 0 10px 0 0;
    }

#footer a:hover {
    color: #ccc;
    padding: 0 10px 0 0;
        }

#footer p {
    padding: 40px 0 0 20px;
    line-height: 180%;
    color: #999;
    }

#footer p a.w3c {
    background: url(images/icon_valid.gif) no-repeat;
    color: #999;
    padding: 0 10px 15px 22px;
    }
#footer p a.w3c:hover {
    background: url(images/icon_valid.gif) no-repeat;
    color: #ccc;
    padding: 0 10px 15px 22px;
    }
   
#footer p a.sitemap {
    background: url(images/icon_sitemap.gif) no-repeat;
    color: #999;
    padding: 0 10px 15px 22px;
    }
   
#footer p a.sitemap:hover {
    background: url(images/icon_sitemap.gif) no-repeat;
    color: #ccc;
    padding: 0 10px 15px 22px;
    }
	
/***********************
*   Widgits             *
***********************/

.bottomwdg {
    float: left;
    width: 29% !important;
    width: 27%; /* Stupid IE */
    height: 100%;
    margin: 10px 15px 0 5px;
    }

#sidebar .sb1wdg h2 {
    margin: 20px 0 10px 0;
    }	

#sidebar1 .sb1wdg {
        width: 65%;
        margin: 0 auto;
        color: #666;
	    }

#sidebar1 .sb1wdg a {
        color: #666;
        }

#sidebar1 .sb1wdg ul li{
    background: #fff;
    padding: 3px 0 3px 5px;
    background:url(images/cat_bg.gif) repeat-x bottom;
    }
	
#sidebar1 .sb1wdg ul li:hover {
    background: #e8e8e8;
    padding: 3px 0 3px 5px;
    }

#sidebar1 .textwidget {
    padding: 3px 0 3px 5px;
    }

Wenn jemand noch mehr Infos braucht, einfach kurz angeben. Ich bin schon fast am verzweifeln...
 

Anhänge

  • pt_iebug.jpg
    pt_iebug.jpg
    24,1 KB · Aufrufe: 90
Hi,
uran hat gesagt.:
Im CSS kann ich keine Fehler finden.

[...]

Wenn jemand noch mehr Infos braucht, einfach kurz angeben. Ich bin schon fast am verzweifeln...
Zum Vergrößern anklicken....
ein Link zu der Problemseite wäre hier schon angebracht, denn der umfangreiche CSS-Code für sich alleine betrachtet lässt schwer bis garnicht eine fundierte Aussage zur möglichen Ursache zu.

Oder sollen wir eine Glaskugel befragen, wie deine Seite im Detail aufgebaut ist, um in Erfahrung zu bringen, welche Selektoren und CSS-Regeln aus dem Stylesheet hierfür überhaupt in Betracht kommen?

mfg Maik
 
Sehr freundlich... :rolleyes:

Ehm ja es könnte daren liegen das ich die Seite nicht öffentlich stellen kann, da die Kunden Seite aus rechtlichen Dingen noch nicht im Netz sein darf. Da Wordpress mehrere einzelne kleine Templates, hab ich den Quellcode den der Browser ausgibt hier reinkopiert:

HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head profile="http://gmpg.org/xfn/11">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="generator" content="WordPress 2.7.1" /> <!-- leave this for stats -->
    <title>xxx</title>

    <style type="text/css" media="screen">
        @import url( http://site.pockettower.de/wp-content/themes/pixkittheme/style.css );
    </style>
     <!--[if gte IE 5]>
	<style type="text/css">
     #wrapper{
	 width: 880px}
     #navi{
	 width: 900px}
     #footer{
	 width: 900px}
     #bottom{
	 width: 900px}
     </style>
     <![endif]-->   
	<script src="http://site.pockettower.de/wp-content/themes/pixkittheme/mootools83.js" type="text/javascript"></script>

    <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="http://site.pockettower.de/feed/" />
    <link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="http://site.pockettower.de/feed/atom/" />
    <link rel="pingback" href="http://site.pockettower.de/xmlrpc.php" />
    	<link rel='archives' title='April 2009' href='http://site.pockettower.de/2009/04/' />

    <link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://site.pockettower.de/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://site.pockettower.de/wp-includes/wlwmanifest.xml" /> 
<script type='text/javascript' src='http://site.pockettower.de/wp-includes/js/jquery/jquery.js?ver=1.2.6'></script>
<script type='text/javascript' src='http://site.pockettower.de/wp-includes/js/jquery/jquery.form.js?ver=2.02'></script>
<meta name="generator" content="WordPress 2.7.1" />


<!-- all in one seo pack 1.4.91 [365,447] -->
<meta name="description" content="Der Blog für DS, PSP und Mobilegames - Powered by Wiitower.de" />
<meta name="keywords" content="Wiitower, DS, PSP, Iphone, Games, Spiele, Handygames, Handy, Blog, Videogames, Nintendo, Sony, Apple, Microsoft" />
<link rel="canonical" href="http://site.pockettower.de/" />
<!-- /all in one seo pack -->
<link rel="stylesheet" href="http://site.pockettower.de/wp-content/plugins/contact-form-7/stylesheet.css" type="text/css" /><script type='text/javascript' src='http://site.pockettower.de/wp-content/plugins/contact-form-7/contact-form-7.js'></script>
</head>
<body>
        <div id="navi">       
        <div class="accordion">
    <div class="navmenu">
        <ul>

        <li class="current_page_item"><a href="http://site.pockettower.de">Aktuell</a></li>
        <li class="page_item page-item-4"><a href="http://site.pockettower.de/tests/" title="Tests">Tests</a></li>
<li class="page_item page-item-75"><a href="http://site.pockettower.de/community/" title="Community">Community</a></li>
<li class="page_item page-item-7"><a href="http://site.pockettower.de/kontakt-2/" title="Kontakt">Kontakt</a></li>
<li class="page_item page-item-2"><a href="http://site.pockettower.de/impressum/" title="Impressum">Impressum</a></li>
        <li><a href="http://site.pockettower.de/wp-admin/">Admin</a></li>        
    </ul><div class="sf"><form method="get" action="/index.php">
<div>

<input type="text" value="" name="s" id="s" />&nbsp;
</div>
</form>
</div>
</div>
</div>
<noscript>
    <div class="navmenu">
        <ul>
        <li class="current_page_item"><a href="http://site.pockettower.de">Home</a></li>
         <li class="pagenav">Seiten<ul><li class="page_item page-item-4"><a href="http://site.pockettower.de/tests/" title="Tests">Tests</a></li>
<li class="page_item page-item-75"><a href="http://site.pockettower.de/community/" title="Community">Community</a></li>
<li class="page_item page-item-7"><a href="http://site.pockettower.de/kontakt-2/" title="Kontakt">Kontakt</a></li>
<li class="page_item page-item-2"><a href="http://site.pockettower.de/impressum/" title="Impressum">Impressum</a></li>
</ul></li>        <li><a href="http://site.pockettower.de/wp-admin/">Admin</a></li>        
    </ul><div class="sf"><form method="get" action="/index.php">
<div>
<input type="text" value="" name="s" id="sn" />&nbsp;
</div>
</form>
</div>
    </div>
    <div class='navbarns'><a href='#' rel='bookmark'></a></div>
</noscript>
<script type="text/javascript">
/* <![CDATA[ */
document.write("<div class='navbar'><a href='#' rel='bookmark'></a></div>");
/* ]]> */
</script>
</div>
<div id="wrapper">
<div id="header"><div><a href="http://www.pockettower.de"><img src="http://site.pockettower.de/wp-content/themes/pixkittheme/images/index.gif" alt="Pockettower.de" border="0" /></a></div>
   
</div><!-- End of #header -->
<div id="content">
 
    
        
        <div class="post" id="post-99">

        <div class="post-main">
                <h2 class="post-title">
                <a href="http://site.pockettower.de/2009/04/29/der-pockettower-ist-da/" rel="bookmark" title="Permanent link to Der Pockettower ist da!">Der Pockettower ist da!</a>
                </h2>
                <div class="post-entry"></div>
                <span class="post-under">29. April 2009 | Geschrieben in  <a href="http://site.pockettower.de/category/intern/" title="Alle Artikel in Intern ansehen" rel="category tag">Intern</a> <a class="post-edit-link" href="http://site.pockettower.de/wp-admin/post.php?action=edit&amp;post=99" title="Artikel bearbeiten">| Seite bearbeiten</a> <a href="http://site.pockettower.de/2009/04/29/der-pockettower-ist-da/#respond" class="commentslink"  title="Kommentiere Der Pockettower ist da!">| Keine Kommentare</a></span>

                <!--
                <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
				xmlns:dc="http://purl.org/dc/elements/1.1/"
				xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/">
			<rdf:Description rdf:about="http://site.pockettower.de/2009/04/29/der-pockettower-ist-da/"
    dc:identifier="http://site.pockettower.de/2009/04/29/der-pockettower-ist-da/"
    dc:title="Der Pockettower ist da!"
    trackback:ping="http://site.pockettower.de/2009/04/29/der-pockettower-ist-da/trackback/" />
</rdf:RDF>
                -->

            </div><!-- End of .post-main -->

        </div><!-- End of .post -->

        
            <!-- Page Navigation -->
                        <br /><br /><div class="pages">
                <span class="older"></span>
                <span class="newer"></span>

            </div>
            

    

</div><!-- End of #content -->

<div id="sidebar">
<img src="/wp-content/themes/pixkittheme/images/button_start.png" class="bannerspace" alt="Der Pockettower startet!" />
<img src="/wp-content/themes/pixkittheme/images/button_community.png" class="bannerspace" alt="Auf zur Community - Powered by Wiitower.de" />
<div class="adbox" ><!-- eBay RelevanceAd -->
<script language='JavaScript' type='text/javascript'>
//<-- DO NOT CHANGE -->
// <!--<[CDATA[
    era_width = '350';
    era_height = '60';
    era_layout = 'mxd_r';
    era_color_border = '390946';
    era_color_bg = '69177f';
    era_color_text = 'ebcef3';
    era_color_title = 'FFFFFF';
    era_color_link = 'e58efd';
    era_thread = '1';
    era_itemtype = '0';
    era_desiredcategory = '54953,1249';
    era_hint= 'PSP,Wii,DS,Iphone,DSi';
    era_publisher='397733';
// ]]> -->
</script>
<script language='JavaScript' type='text/javascript' src='http://ebayrelevancead.webmasterplan.com/js/show_ads.js'></script>
<!-- /eBay RelevanceAd -->
</a></div>
<br />
<div id="sidebar1">

	
    
   
    <!-- Categories -->
	<div class="sb1">
		<h2><img src="/wp-content/themes/pixkittheme/images/icon_cat.png" alt="Kategorien" /> Kategorien</h2>
		<ul>
				<li class="cat-item cat-item-5"><a href="http://site.pockettower.de/category/intern/" title="Alle unter Intern abgelegten Artikel ansehen">Intern</a>
</li>
		</ul>
    </div>

<!-- Recent Comments -->
<div class="sb1">
<!-- Blogroll 
<div>
<h2>Links</h2>
		<ul>
			<li><a href="http://www.wiitower.de" rel="me" title="Alles rund um die Wii!" target="_blank">Wiitower.de</a></li>
		</ul>
</div> --> 
    <!-- Archives
	<div id="sb-archives">
		<h2>Archiv</h2>
		<ul>
				<li><a href='http://site.pockettower.de/2009/04/' title='April 2009'>April 2009</a></li>
		</ul>
	</div> -->
	
	
	    <!-- RSS -->
     <div>
    <h2><img src="/wp-content/themes/pixkittheme/images/icon_rss.png" alt="Pockettower RSS-Feeds" /> RSS Feeds</h2>
	<ul class="rssfeeds">
			<li class="rss-entries"><a href="http://site.pockettower.de/feed/" title="Beitr&auml;ge RSS 2.0">Beitr&auml;ge</a><br/>RSS 2.0</li>

			<li class="rss-comments"><a href="http://site.pockettower.de/comments/feed/" title="Kommentare RSS 2.0">Kommentare</a><br/>RSS 2.0</li>
	</ul>
	 </div>
</div></div>  <!-- End of #sidebar1 -->

<div id="sidebar2">
<!-- Recent Comments -->
<div class="sb2">
	<h2><img src="/wp-content/themes/pixkittheme/images/icon_com.png" alt="Letzte Kommentare" /> Kommentare</h2>

	       <div class="recent-nograv">
		<ul id="recent-nograv"></ul> 	</div>
</div><!-- End of #sidebar2 -->

</div><!-- End of #sidebar --></div>
<div id="bottom">
<br /><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab" id="Player_ca6bb4d6-aeb1-4f84-ae11-cc774d932a16"  WIDTH="400px" HEIGHT="150px"> <PARAM NAME="movie" VALUE="http://ws.amazon.de/widgets/q?ServiceVersion=20070822&MarketPlace=DE&ID=V20070822%2FDE%2Fwiitowerde-21%2F8010%2Fca6bb4d6-aeb1-4f84-ae11-cc774d932a16&Operation=GetDisplayTemplate"><PARAM NAME="quality" VALUE="high"><PARAM NAME="bgcolor" VALUE="#FFFFFF"><PARAM NAME="allowscriptaccess" VALUE="always"><embed src="http://ws.amazon.de/widgets/q?ServiceVersion=20070822&MarketPlace=DE&ID=V20070822%2FDE%2Fwiitowerde-21%2F8010%2Fca6bb4d6-aeb1-4f84-ae11-cc774d932a16&Operation=GetDisplayTemplate" id="Player_ca6bb4d6-aeb1-4f84-ae11-cc774d932a16" quality="high" bgcolor="#ffffff" name="Player_ca6bb4d6-aeb1-4f84-ae11-cc774d932a16" allowscriptaccess="always"  type="application/x-shockwave-flash" align="middle" height="150px" width="400px"></embed></OBJECT> <NOSCRIPT><A HREF="http://ws.amazon.de/widgets/q?ServiceVersion=20070822&MarketPlace=DE&ID=V20070822%2FDE%2Fwiitowerde-21%2F8010%2Fca6bb4d6-aeb1-4f84-ae11-cc774d932a16&Operation=NoScript">Amazon.de Widgets</A></NOSCRIPT></NOSCRIPT>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab" id="Player_057c07c1-a315-4998-957b-0d18ad099937"  WIDTH="400px" HEIGHT="150px"> <PARAM NAME="movie" VALUE="http://ws.amazon.de/widgets/q?ServiceVersion=20070822&MarketPlace=DE&ID=V20070822%2FDE%2Fwiitowerde-21%2F8010%2F057c07c1-a315-4998-957b-0d18ad099937&Operation=GetDisplayTemplate"><PARAM NAME="quality" VALUE="high"><PARAM NAME="bgcolor" VALUE="#FFFFFF"><PARAM NAME="allowscriptaccess" VALUE="always"><embed src="http://ws.amazon.de/widgets/q?ServiceVersion=20070822&MarketPlace=DE&ID=V20070822%2FDE%2Fwiitowerde-21%2F8010%2F057c07c1-a315-4998-957b-0d18ad099937&Operation=GetDisplayTemplate" id="Player_057c07c1-a315-4998-957b-0d18ad099937" quality="high" bgcolor="#ffffff" name="Player_057c07c1-a315-4998-957b-0d18ad099937" allowscriptaccess="always"  type="application/x-shockwave-flash" align="middle" height="150px" width="400px"></embed></OBJECT> <NOSCRIPT><A HREF="http://ws.amazon.de/widgets/q?ServiceVersion=20070822&MarketPlace=DE&ID=V20070822%2FDE%2Fwiitowerde-21%2F8010%2F057c07c1-a315-4998-957b-0d18ad099937&Operation=NoScript">Amazon.de Widgets</A></NOSCRIPT>

<div id="backtop"></div>
<div class="bottom">


	<div class="bottom-left">
		   <h2>Archiv</h2>
		<ul>
				<li><a href='http://site.pockettower.de/2009/04/' title='April 2009'>April 2009</a></li>
		</ul>
	</div>

	<div class="bottom-mid">
		<h2>Links</h2>
		<ul>
			<li><a href="http://www.wiitower.de" rel="me" title="Alles rund um die Wii!" target="_blank">Wiitower.de</a></li>
		</ul>
	</div>

	<div class="bottom-right">

			<div class="clear">
			
		</div>
        </div>
        
 </div>
</div><div id="footer">
<p>© 2009 pockettower.de | Design und zusätzliche Programmierung: <a href="http://www.holgerwettstein.de">Holger Wettstein - Mediendesign</a><br />
Alle Rechte vorbehalten | Original Grafiken und Markennamen sind Eigentum der jeweiligen Firmen. | Pockettower.de ist ein inoffizielles und unabhängiges Informations-<br />
magazin für Nintendo DS, Sony Playstation Portable und Handy-Spiele. Theme basierend auf<a href="http://www.pixkit.de"> pixkit.de</a><a href="http://validator.w3.org/check/referer" class="w3c" title="Valid XHTML 1.0 Strict">XHTML</a><a href="http://jigsaw.w3.org/css-validator/validator?uri=http://site.pockettower.de/wp-content/themes/pixkittheme/style.css" class="w3c" title="Valid CSS 2.0">CSS</a></p><br />

</div><!-- End of #footer -->
</body>
</html>

<!-- bye ;) -->
 
Sorry, war nicht bös gemeint, aber wer kann denn aus deinem ersten Beitrag schon erahnen, dass es sich hierbei um eine "Kunden-Seite" handelt, die für die Öffentlichkeit noch unter Verschluß steht?

Code: 
     <!--[if gte IE 5]>
        <style type="text/css">
     #wrapper{
         width: 880px}
     #navi{
         width: 900px}
     #footer{
         width: 900px}
     #bottom{
         width: 900px}
     </style>
     <![endif]-->

... ist hier der Übeltäter, da zuvor in der CSS-Datei (style.css) für dieses Element eine Breite von 900px deklariert ist, die für die übrigen Browser weiterhin Gültigkeit hat, jedoch von allen IE-Versionen (größer-gleich 5.x) durch diese nachfolgende Regel überschrieben wird. Und da dieser Block, wie auch der darüberliegende Navigationsblock #navi im Viewport horizontal zentriert wird (margin:auto), verschiebt er sich dem gegenüber im IE um 10px nach rechts.

Wie du siehst, war die Ursache nun an einer ganz anderen Stelle des Quellcodes zu suchen ;)

mfg Maik
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück