Hi @ all,
ich bräuchte dringend eure Hilfe!
Folgendes:
Mein Theme für meinen Blog wird im Firefox (2) und im IE 7 super angezeigt!
Allerdings hab ich zwei Probleme im IE 6:
- Mein horizontales Menü unter dem Header wird nicht ordentlich angezeigt!
- Rechts ist ein weißer Strich, den ich nicht wegbekommen!
Ich hab extra von allen Browsern Screenshots gemacht:
FF (2):
http://img141.imageshack.us/img141/7517/ff2rz9.jpg
IE 7:
http://img293.imageshack.us/img293/4978/ie7xn9.jpg
IE 6:
http://img300.imageshack.us/img300/4594/ie6br2.jpg
Wer sich das Problem selber angucken will:
Fr@Ble’s Freeware-Blog
Gruß,
Fr@Ble
PS: meine style.css:
Code
/* Start Generic Styling */
body {
background:url(images/bg-body.png) repeat-x top center #E8F7F9;
font-family:"Trebuchet MS" Arial, Helvetica, sans-serif;
font-size:62.5%; /* Sets default font size to 10px */
color:#222222;
}
* {
margin:0;
padding:0;
}
img {
border:0;
}
p {
margin-bottom:1.75em;
}
a {
text-decoration:none;
color:#B4C835;
}
a:hover {
text-decoration:none;
color:#6CC7DC;
}
/* End Generic Styling */
/* Start Structure */
#wrapper {
margin:0 auto;
width:700px;
background:#ffffff;
font-size:1.20em;
}
#header {
height:140px;
background:url(images/bg-header.jpg) no-repeat;
}
#menu {
height:35px;
line-height:35px;
background:url(images/bg-menu.png) repeat-x;
padding:0 10px;
}
#sidebar {
float:right;
width:180px;
background:#efefef;
margin-right:10px;
}
#content {
float:left;
padding-top:10px;
padding-left:10px;
width:500px;
min-height:400px;
}
#footer {
clear:both;
height:100px;
background:url(images/bg-footer.jpg) no-repeat;
}
/* End Structure */
/* Start Entries */
.entry-title {
font-size:1.40em;
font-weight:bold;
letter-spacing:-1px;
}
.date {
float:left;
padding:0 5px;
margin:0 5px 0 0;
font-weight:bold;
font-size:0.9em;
font-variant:small-caps;
background:#e8f7f9;
}
.info {
font-size:0.9em;
color:#999;
padding:3px;
border-bottom:#e8f7f9 1px dashed;
}
.entry {
padding:5px 10px;
text-align:justify;
line-height:1.75em;
}
.entry-content {
margin-top:-2em;
}
.comments {
margin-top:-1em;
}
.comments a {
color:#6CC7DC;
background:url(images/icon-comment.png) no-repeat 0px 2px;
padding-left:20px;
padding-right:2px;
}
.comments a:hover {
color:#B4C835;
}
/* End Entries */
/* Start Menu */
#menu ul {
list-style-type:none;
}
#menu li {
float:left;
font-size:13px;
}
#menu li a {
padding:0 15px;
display:block;
color:#ffffff;
margin-right:2px;
font-size:13px;
}
#menu li a:hover {
background:url(images/bg-menu-hover.png) no-repeat center center;
font-size:13px;
}
#menu img {
margin-right:2px;
}
/* End Menu */
/* Start Sidebar */
#sidebar ul {
list-style-type:none;
margin-top:2px;
margin-bottom:5px;
}
#sidebar li {
}
#sidebar li a {
display:block;
height:20px;
line-height:20px;
color:#222222;
padding-left:5px;
border-bottom:1px solid #dddddd;
}
#sidebar li a:hover {
background:#edebed;
color:#6CC4D8;
}
#sidebar-bottom {
height:20px;
background:url(images/bg-sidebar-bottom.gif) no-repeat top center;
}
#sidebar img {
margin-right:4px;
}
/* End Sidebar */
/* Start Footer */
#footer-valid {
float:left;
padding-top:45px;
padding-left:20px;
cursor:default;
color:#ffffff;
}
#footer-valid a {
color:#ffffff;
text-decoration:none;
}
#footer-valid a:hover {
color:#ffffff;
text-decoration:underline;
}
/* End Footer */
/* Start Heading's */
h1 {
font-size:1.5em;
font-weight:bold;
cursor:default;
position:relative; top:50px; left:15px;
letter-spacing:1px;
color:#aaaaaa;
font-style:italic;
}
h2 {
font-size:1.4em;
letter-spacing:1px;
font-weight:bold;
}
h4 {
font-size:1.2em;
font-weight:normal;
cursor:default;
position:relative; top:50px; left:30px;
letter-spacing:1px;
color:#949494;
font-style:italic;
}
h1, h1 a, h1 a:hover, h1 a:visited {
text-decoration:none;
color:#7A7A7A;
}
/* End Heading's */
/* Start Feed */
#feed {
height:25px;
width:126px;
background:url(images/bg-feed.gif) no-repeat;
margin:0 auto;
padding-left:26px;
}
a.feed-button {
display:block;
width:100px;
height:25px;
background:url("http://forum.wordpress-deutschland.org/images/button-feed.png") 0 0 no-repeat;
text-decoration: none;
}
a:hover.feed-button {
background-position:0 -25px;
}
/* End Feed */
/* Start Comments*/
#commentform input {
width: 170px;
padding: 2px;
margin: 5px 5px 1px 0;
}
#commentform textarea {
width: 100%;
padding: 2px;
}
#commentform #submit {
margin: 0;
float: right;
}
.alt {
margin: 0;
padding: 10px;
}
.commentlist {
padding: 0;
text-align: justify;
}
.commentlist li {
margin: 15px 0 3px;
padding: 5px 10px 3px;
list-style: none;
}
.commentlist p {
margin: 10px 5px 10px 0;
}
#commentform p {
margin: 5px 0;
}
.nocomments {
text-align: center;
margin: 0;
padding: 0;
}
.commentmetadata {
margin: 0;
display: block;
}
/* End Comments*/
/* Start Extra's */
#ad-top {
width:480px;
height:72px;
background:url(images/bg-ad-top.png) no-repeat;
padding:5px;
}
div.comment-number {
float: right;
color: #999;
width: 40px;
text-align: right;
}
/* End Extra's */
/* Start Pagebar */
.pagebar {
font: 11px Arial, Helvetica, sans-serif;
padding-top: 20px;
padding-bottom: 10px;
margin: 0px;
}
.pagebar a, .pageList .this-page {
padding: 2px 6px;
border: solid 1px #ddd;
background: #fff;
text-decoration: none;
}
.pagebar a:visited {
padding: 2px 6px;
border: solid 1px #ddd;
background: #fff;
text-decoration: none;
}
.pagebar .break {
padding: 2px 6px;
border: none;
background: #fff;
text-decoration: none;
}
.pagebar .this-page {
padding: 2px 6px;
border-color: #999;
font-weight: bold;
font-size: 13px;
vertical-align: top;
background: #fff;
}
.pagebar a:hover {
color: #fff;
background: #0063DC;
border-color: #036;
text-decoration: none;
}
/* End Pagebar */
/* StartLanding Site */
.landingsites {
padding-left: 15px;
}
.landingsites h2 {
font-size:13px;
font-weight: bold;
}
.landingsites ul {
margin: 0;
padding: 0;
list-style-position:inside;
list-style-type:circle;
}
/* End Landing Site */