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:
Wenn jemand noch mehr Infos braucht, einfach kurz angeben. Ich bin schon fast am verzweifeln...
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...