Jaaaa, ich gehe auf den Geist langsam mit meinen ständigen Layoutwechseln :roll: :mrgreen: , aber ich hoffe auf Gnade und habe da wieder ein Kuriosum des IE7 anscheinend...
Mein Layout möchte/werde ich umstellen auf Fredrik Fahlstads fDawn. Ich habe bei ihm mir schon auf englisch einen abgebrochen und versuche es hier nochmal auf deutsch :grin:
Entgegen meiner sonstigen Gewohnheiten bastle ich auf einem Testserver dran herum. Die Farben passen schon mal, das Theme ist von der Handhabung echt zu empfehlen.
Nun zu meinen drei Problemen, die ich einfach nicht gebacken bekomme:
Im FF prima, im IE7 *grmpf* - Die laufende Nummer vor Kommentaren
Zu sehen hier: http://web559.server2.dce4u.de/?p=15#comments
Die Stelle in der CSS habe ich wohl gepackt, aber der IE will mir die Nummer einfach nicht vor dem Kommentar, sondern über den Namen des Kommentartors einblenden.
(Ich habe mir auch schon überlegt, darauf ganz zu verzichten oder es wie bisher zu machen, aber ich finde die Stelle nicht, wo ich diese Nummer erstmal ausblenden könnte)
Dann, wenn man runterscrollt, sieht man diesen schwarzen Balken. Der markiert wohl grundsätzlich das Seitenende, sieht natürlich bescheiden aus und sollte ganz weg. Auch die CSS-Stelle habe ich gefunden, wollte den Balken ganz einfach einfärben (was aber auch nur eine suboptimale Lösung wäre, denn der soll ja ganz weg), aber diese Änderung wirkt sich auf auf den Inhaltsbereich aus.
Und dann habe ich noch Probleme beim Kopf. Aber das geht erstmal so und ist eher unwichtig (wie der Balken unten auch übrigens), denn damit könnte ich erstmal leben. Da ist noch eine weiter Spalte drin, die ich aber entsprechend eingefärbt habe, so dass mein Pfusch erstmal nicht auffällt *g*. Auch suboptimal, aber da überlege ich ohnehin noch drauf herum, die Navi einzupflanzen.
Wollt Ihr meine (natürlich wieder gnadenlos auskommentierte) CSS-Datei mal kredenzen? Mache ich mal:
Vielleicht für das vordringlichste Problem mit dem IE von Belang, dass es eine separate ie.css gibt, die so aussieht (von mir noch jungfräulich belassen):
#wrap {
height:1%;
width:expression(document.body.clientWidth > 930? "900px" : "auto");
}
#main {
height:1%;
}
#content {
display:inline;
overflow:hidden;
}
#sidebar {
display:inline;
word-wrap:break-word;
}Und meine CSS sieht derzeit so aus (gekürzt, weil's Forum mopperte *g*):
body {
margin: 0 auto;
padding: 0;
font: 76%/115% Verdana,Tahoma,Arial,sans-serif;
background: #fffff0; /*#f4f4f4; url(images/bg.gif); */
}
#wrap {
max-width:70em;
color: #000; /*#303030;*/
margin: 0 auto;
background-color: #FFFFFF;
width:expression(document.body.clientWidth > 930? "900px" : "auto");
border-right-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-left-style: solid;
border-right-color: #ffe4b5; /* #CCCCCC;*/
border-left-color: #ffe4b5; /* #CCCCCC;*/
position: relative;
}
#header {
margin: 0 0 0;
padding: 10px;
height: 105px; /*60px;*/
}
#main {
padding-top: 1em;
background:#fff url(images/separator2.gif) repeat-y 67% 0;
overflow: hidden;
border-top: 4px solid #ffe4b5; /* #f0f0f0;*/
}
#blogname {
float: left;
padding-left:2%
}
#header h1 a {
color: #000000;
border-bottom:none; font-size:1.5em;
}
.description {
width: 50%;
float: right;
text-align: center;
color: #000;
margin: 10px 0 10px;
font-size: 1.5em; /* 0.8em; */
line-height: 0.9em;
font-weight: bold;
padding: 30px;
}
#frontphoto {
margin: 0 0 10px 0;
border: 0;
}
/*#headerimage {
background-color: #CCCCCC;
height: 175px;
background-image: url(images/kopf1000_1.gif);
background-repeat: no-repeat;
padding: 0px;
margin: 0px 2%;
background-position: right;
align: center;
}*/
.announce {
margin: 10px 0 10px 0;
padding: 10px;
width: 130px;
color: #505050;
background-color: #fffff0; /*#f4f4f4;*/
line-height: 1.3em;
}
#extras {
float: right;
width: 100px;
margin: 0 0 10px 0;
padding: 0;
font-size: 0.9em;
line-height: 1.5em;
}
#extras p {
margin: 0 0 1.5em 0;
}
#content {
border-left: 1px none #ffe4b5; /* #f0f0f0;*/
border-right: 1px none #ffe4b5; /* #f0f0f0;*/
padding: 0 10px;
line-height: 1.6em;
text-align: left;
float: left;
width: 59%;
margin:0 0 0 2%;
border-top-style: none;
border-bottom-style: solid; /*none;*/
overflow: hidden;
}
h1,h2,h3,h4 {
font-family:Helvetica,Arial,Geneva,sans-serif;
}
h2 {
font-size: 1.6em;
margin: 0 0 0.5em 0;
}
h3 {
font-size: 1.2em;
margin: 0 0 10px 0;
}
/************************************************
* Comments *
************************************************/
h2#comments{
text-align:center;
border-top:1px solid #ffe4b5; /* #acb1ba;*/
background:#fffff0; /* #eeeeee;*/
padding:2px;
border-bottom:1px solid #ffe4b5; /* #acb1ba;*/
margin-bottom:10px;
margin-top:50px; /*80px;*/
font-size: 110%;
}
ol#commentlist {
margin-top:0px;
padding: 5px;
margin-left: 10px;
color: #000; /* #9b9b9b;*/
list-style-type: none;
font-size:0.9em;
}
#commentlist li p{
margin-top: 8px;
margin-bottom: 16px;
line-height: 20px;
}
.commentname {
float: left;
margin: 0;
padding: 0 0 2px 0;
font-weight: bold;
}
.commentinfo{
width: 300px;
float: right;
text-align: right;
}
.commenttext {
clear: both;
margin-top: 0px;
margin-bottom: 30px;
border-top: 1px solid #ffe4b5; /*#ebebeb;*/
border-bottom: 1px solid #ffe4b5;
line-height:12px;
color: #5b5b5b;
background-color: #fffff0; /*#F8F8F8;*/
padding: 5px;
}
.commenttext-admin {
clear: both;
margin-top: 0px;
margin-bottom: 30px;
border-top: 1px solid #f00; /* #ebebeb;*/
border-bottom: 1px solid #f00;
line-height:12px;
color: #5b5b5b;
background-color: #fffff0; /* #CEE4F4;*/
padding: 5px;
}
#commentsformheader{
padding-left:18px;
font-size: 1.1em;
}
#commentsform{
margin-top:none;
text-align:center;
border:1px solid #ffe4b5; /*#ddd;*/
background:#fffff0; /*#ededed;*/
padding:0px 10px;
}
#commentsform form{
text-align:left;
margin:0px;
}
#commentsform p{
margin:5px;
}
#commentsform form textarea{
width:100%;
}
p.comments_link img{
margin: 0px;
padding: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
/************************************************
* Header *
************************************************/
h2 {
font-size: 1.1em;
margin-bottom:5px;
}
h2.entrydate{
margin-bottom:1px;
font-size: 1.1em;
font-weight:bold; /*normal;*/
text-align:right;
text-transform:none; /*uppercase;*/
}
.entrymeta{
font-size: x-small;
}
h3.entrytitle {
margin-top:0px;
padding-bottom:0px;
font-size: 1.2em;
line-height:1.4em;
font-weight:bold;
background-color: #FFFFF0;
color:#000000;
}
h3.entrytitle a, h3.entrytitle a:visited{
color:#333333;
}
.entry{
margin-top:8px;
}
.entrybody p a{
/*font-weight:bold;*/
}
.entrybody p {
margin-top:8px;
margin-bottom:16px;
text-align: none; /* justify; */
}
.entrybody img {
padding: 1px;
border: none; /*1px solid #CCCCCC;*/
}
code {
background-color: #eeeeee;
padding: 5px;
border: 1px solid #ffe4b5; /* #CCCCCC;*/
}
/* Lists
================================================*/
dl,
ol,
ul {margin:0 0 1em;}
dl {margin-top:-0.5em;}
dt {
font-weight:bold;
margin:0.5em 0 0;
}
dd {margin:0 0 0 2em;}
dd p {margin:0 0 0.5em;}
ul {
padding:0 0 0 2.5ex;
list-style:square;
}
ol {padding:0 0 0 4ex;}
li {margin:0 0 0.5em;}
.code {
border:1px solid #ddd;
padding:3px 5px 3px 35px;
font-family:Courier;
list-style-type:decimal-leading-zero;
}
.code code {font-family:Courier;}
.code li {
padding:0 5px;
margin:2px 0;
background:#f7f7f5;
}
.code li.tab1 {padding-left:5ex;}
.code li.tab2 {padding-left:10ex;}
.code li.tab3 {padding-left:15ex;}
.code .changed {
font-weight:bold;
color:#600;
}
.code em {
font-style:normal;
font-weight:bold;
color:#600;
}
label {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #000000;
}
img.pic {
padding: 5px;
border: none; /* 1px solid #CCCCCC; */
margin: 10px;
}