Hallo,
der Internet Explorer lässt mir graue Haare wachsen!
Verwende Wordpress 2.8.5 und MistyLook. Während im Firefox meine Seite http://www.belgusto.de/blog/ ganz normal aussieht, verschiebt der IE u.a. die Navigationleiste und die Sidebar.
Habe schon mit Hilfe des Validators einige kleine Fehler behoben. Komme jetzt aber nicht weiter. Kann jemand helfen?
In der nahezu unveränderten style.css steht dies:
PHP
#container
{
border: #ccc 1px solid;
background: #fff;
margin: 0 auto;
width: 780px;
position: relative;
text-align: left; }
#navigation
{
background: transparent;
margin: 20px auto 0;
overflow: hidden;
width: 760px;
position: relative;
text-align: left;
font-family: Trebuchet MS,Tahoma, Verdana, Arial, Serif;
letter-spacing:1px; }
html
#navigation
{
height: 1%; }
#navigation ul li
{
float: left;
margin: 0 5px 0 0;
list-style-type: none; }
#navigation ul li a
{
border: #dedede 1px solid;
border-bottom:none;
padding: 2px 10px;
display: block;
font-weight:bold;
color:#666;
text-decoration: none;
background:#ededed; }
#navigation ul li a:hover, #navigation ul li a:active, #navigation ul li.current_page_item a
{
background: #fff;
color: #333;
border: #ccc 1px solid;
border-bottom:none; }
#navigation ul li.search
{
font-size: 0.9em;
right: 0;
position: absolute;
top: 0; }
#navigation ul li.search input#searchsubmit
{
border: #999 1px solid;
font-size: 0.9em;
background: #ddd;
margin: 0 0 0 2px;
color: #265e15;
padding: 2px; }
#header {
clear: both;
float: left;
margin: 10px 5px;
width: 550px; }
#header h1
{
font-size:1.8em;
margin:10px 0 0 10px;
font-variant:small-caps;
letter-spacing:1px;
line-height: 1.2em;}
#header a
{
text-decoration:none;
border:none; }
#header h2
{
margin:5px 0 0 10px;
font-size:1.4em;
font-variant:small-caps;
font-family:Georgia, Verdana, Arial, Serif;
letter-spacing:1px; }
#feedarea
{
padding:10px 10px 0 0;
float: right;
text-align: right; }
html
#feedarea
{
padding-top: 10px; }
#feedarea dl dt
{
display: inline;
margin-right: 5px;
height: 45px; }
#feedarea dl dd
{
display: inline;
margin-right: 5px;
height: 45px;
background:url(img/icon_feed.gif) no-repeat left center;
padding-left:16px; }
#headerimage
{
clear: both;
background: #fff url(img/misty.jpg) no-repeat 0 0;
margin: 10px;
color: #fff;
height: 190px;
cursor: pointer;}
html
#headerimage
{
margin-top: 0; }Vielen Dank für eure Hilfe!
Luzilla