Hallo zusammen,
auch ich habe auf http://www.selekkt.com ziemliche Probleme mit Layoutverschiebungen. Da ich nur mit Firefox und Safari auf einem Mac unterwegs bin, habe ich das nur durch Zufall vorhin gesehen...
Völlig verstört wende ich mich also nun an Euch:-)
Das Problem betrifft die Headergrafik, die nicht mehr randlos oben links andockt und die Sidebar, die nach unten wegrutscht (tlw. sogar unter den Content). Ebenso stimmt IN der Sidebar irgendetwas nicht, da entsteht ab dem Punkt "Hot Labels" eine weitere ungewollte Einrückung...
Ich krieg's nicht hin, bin aber auch wahrlich kein Profi, was CSS und PHP angeht. Für eine schnelle, idiotensichere Hilfe wäre ich also superdankbar.
Beste Grüße schickt Euch Christian
Hier meine style.css:
HTML
/*
Theme Name: Simpla
Theme URI: http://ifelse.co.uk/simpla/
Description: A clean, minimalist theme
Version: 1.01
Author: Phu Ly
Author URI: http://ifelse.co.uk/
*/
/*************************************
+Containers
*************************************/
body{
background:#fff url(./images/stripes.gif);
border-top:0px solid #333;
color:#403D2D;
font-family: Georgia, "Times New Roman", Times, serif;
font-size:62.5%;
line-height:1.5;
margin:0;
padding:0;
text-align:center;
}
#wrap{
margin:10 auto;
text-align:left;
width:89em;
}
#content{
font-size:1.2em;
float:left;
padding:1em;
margin-left:7em;
width:40em;
}
#sidebar{
font-size:1.1em;
float:right;
padding-top:2em;
width:20em;
}
#header{
background: url(./images/selekkt-header.jpg) no-repeat;
padding:8em 1em;
}
#footer{
text-align:left;
color:#403D2D;
clear:both;
margin-left:14.5em;
margin-bottom:10em;
font-size:0.9em;
}
/*************************************
+Hn and p
*************************************/
h1, h2, h3{
font-family: Georgia, Helvetica, Tahoma, Verdana, Arial, sans-serif;
font-weight:normal;
letter-spacing: 0px;
margin:0;
}
#header h1{
font-family: Georgia, "Times New Roman", Times, serif;
font-size:0em;
margin:0;
margin-right:1em;
}
#header h1 a{
color:#000000;
}
#header h1 a:hover{
color:#000000;
}
#header p{
color:#000000;
font-size:1.1em;
margin:10;
margin-top:-5.5em;
}
.entrytitle h2{
font-size:2.2em;
}
.entrytitle h2 a
{
color:#403D2D;
}
.entrytitle h2 a:hover{
color:#FFFFFF;
}
.entrytitle h3{
font-size:1.0em;
color:#6F6F6F;
}
#sidebar h3{
color:#fff;
font-size:1.5em;
margin:5em 0;
}
/*************************************
+Entry
*************************************/
.entry{
margin-bottom:-5.0em;
padding-bottom:27px;
background: url(./images/balkenlinie2.gif) bottom no-repeat;
}
.entrymeta{
font-size:0.9em;
}
.weiter{
font-size:2.2em;
text-align:center;
}
.postedby{
background: url(./images/user.gif) no-repeat;
padding:3px;
padding-left:20px;
}
.filedto{
background: url(./images/post.gif) no-repeat;
padding:3px;
padding-left:20px;
}
.commentslink{
background: url(./images/packaged.gif) no-repeat;
padding:3px;
padding-left:20px;
}
/*************************************
+Sidebar
*************************************/
#sidebar ul{
list-style-type:none;
padding:0;
margin-top:0.2em;
margin-bottom:1.5em;
}
#sidebar ul li{
margin-top:0.3em;
margin-bottom:0.0em;
padding:0.0em;
}
/*************************************
+Comments
*************************************/
.commentsblock{
margin:2em;
padding:1em;
}
.commentsblock textarea{
width:30em;
}
.commentsblock input, .commentsblock textarea{
border:0px solid #000000;
}
.commentsblock textarea:focus{
background:#eee;
border:0px solid #a1a1a1;
}
.commentsblock textarea:focus, .commentsblock input:focus{
background:#eee;
border:0px solid #000000;
}
.commentauthor{
display:block;
font-size:1.5em;
}
ol.commentlist{
color:#777;
font-size:0.9em;
list-style-type:none;
margin:0;
margin-top:1.5em;
padding:0;
}
.commentlist li{
margin-bottom:0.5em;
padding:0.5em 1em;
}
.alt{
background:#f3f5e9;
border:1px dotted #FFFFFF;
padding:0.5em;
}
h3#comments{
font-size:1.6em;
}
/*************************************
+Pagebar
*************************************/
.pagebar
{
font: 20px Georgia, Times, Arial, Helvetica, sans-serif;
color:#403D2D;
text-align:center;
padding-top: 20px;
padding-bottom: 10px;
margin: 0px;
}
.pagebar a, .pageList .this-page
{
padding: 2px 6px;
color:#403D2D;
text-decoration: none;
}
.pagebar a:visited
{
padding: 2px 6px;
text-decoration: none;
}
.pagebar .break
{
padding: 2px 6px;
border: none;
text-decoration: none;
}
.pagebar .this-page
{
padding: 2px 6px;
font-size: 20px;
color:#fff;
background: #403D2D;
}
.pagebar a:hover
{
border: dotted 1px #403D2D;
color:#403D2D;
text-decoration: none;
}
/*************************************
+Misc
*************************************/
a{
color:#FFFFFF;
text-decoration: none;
border-width: 10px;
}
a:hover{
color:#A224A1;
border-width: 0px;
}
img{
border: none;
}