Hallo an alle:
Ich bin neu in CSS und kenne mich deshalb noch nicht so gut damit aus. HTML und PHP stellen eher kein Problem für mich dar ;)
unter soundcheckFM - 100 pro Sound by Rene Laumann versuche ich zur Zeit mein Template in Wordpress einzubinden.
Leider scheint was bei meinen CSS Einstellungen nicht zu stimmen. Während im Firefox und Safari Browser die Seite ohne Probleme dargestellt wird, werden in IE und Opera einige Boxen nicht verlängert oder gar nicht angezeigt.
Hier einige Browser Shots: Website overview - Browsershots
Würde mich freuen, wenn mir jemand beim Code behilflich sein könnte oder mir sagen kann wo das Problem liegt.
Meine style.css:
Code
/* CSS Document */
<!--
a:link {color:#31002D; text-decoration:none;
}
a:visited {color:#31002D; text-decoration:none;
}
a:active {color:#31002D; text-decoration:none;}
a:hover {color:#D46AC6; text-decoration:none;}
img{border-width:0;}
small {
font-size:12px;
}
h2{
font-size:24px;
color: #31002D;
padding:0px;
vertical-align:top;
}
.entry{
text-align: justify;
}
body {
background-color: #31002D;
margin-left:0px;
margin-right:0px;
margin-top:0px;
margin-bottom:0px
}
.boxobenlinks{
float:left;
border:0px;
height:123px;
width:65px;
padding:0;
background:url(images/Untitled-1_01.gif)
}
.boxobenmitte{
border:0px;
height:123px;
width:830px;
padding:0;
background:url(images/Untitled-1_02.gif);
clear: none;
float: left;
}
.boxobenrechts{
position:absolute;
top:0px;
left:895px;
border:0px;
height:123px;
width:105px;
padding:0;
background:url(images/Untitled-1_03.gif);
clear: none;
float: left;
}
.boxuntenlinks{
position:absolute;
top:123px;
left:0px;
border:0px;
width:65px;
clear: both;
float: none;
background-image: url(images/Untitled-1_18.gif);
background-repeat: repeat;
min-height:100%;
}
.boxsidebar{
border:0px;
min-height:100%;
width:250px;
background-color:#FFFFFF;
clear: left;
float: right;
position:absolute;
top:123px;
left:65px;
}
.boxcontent{
border:0px;
min-height:100%;
width:580px;
background-color:#FFFFFF;
clear: left;
float: right;
position:absolute;
top:123px;
left:315px;
font-family: "Lucida Grande";
font-size: 12px;
vertical-align:top;
padding:0px;
}
.boxuntenrechts{
position:absolute;
top:123px;
left:895px;
border:0px;
min-height:100%;
width:105px;
padding:0;
background-image:url(images/Untitled-1_06.gif)
clear: none;
float: left;
background-image: url(images/Untitled-1_06.gif);
background-repeat: repeat;
}
#sidebar{font-family: "Lucida Grande";
font-size: 12px;
vertical-align:top;
text-align:left;
}
-->