Seiten im Internet Explorer verschoben

atomazing

Hallo zusammen,

mein Template funktioniert in diversen Browsern einwandfrei, nur mit dem IE (Version 8 ) gibt es ein Problem: Auf Seiten wird der gesamte Inhalt, einschließlich Header und Seiteninhalt, linksbündig anstatt zentriert angezeigt. Die Blog-Startseite und die einzelnen Blogposts werden korrekt angezeigt.

Ich vermute, dass der Fehler am Stylesheet liegt, kenne mich aber leider überhaupt nicht aus. Vielleicht kann mir ja jemand einen Tipp geben.

Code

/*




* { 
    margin: 0; 
    padding: 0; 
    outline:none;
    border:none;
}






body {  
    font-family: 'Georgia', serif;
    background-image: url(images/line.png);
    background-repeat: repeat-x;


}




/*-------[WRAPPER]-------*/


#wrapper { 
    width: 600px; 
    margin: 50px auto 0 auto; 
    height:auto;


}


#upperpart { 
    width: 600px; 
    border-bottom: 1px solid #D8D8D8; 


}


#header     {        
    margin-left: 100px;
    margin-bottom: 20px;
}




#header_image a {    
    display:block;
    height: 60px;
    width: 400px;
}


#header_image a:hover {    
    cursor:pointer;
}


#header_image {    
    background-color:transparent;
    height: 63px;
    width: 418px;
    background-image: url(images/header.png);
    background-repeat: no-repeat;
    background-position: center;


}




#navi_up {
    text-align:center;
    margin-top:10px;


}


#navi_up li{
    list-style:none;
    letter-spacing:1px;
    display: inline;
    margin: 8px
    letter-spacing:1px;
    margin-left:9px;


}




#navi_up li a {
    font-size:12px;
      color:#C0C0C0;
        text-decoration:none;    
}


#navi_up li a:hover {
      color:#00A784;
        text-decoration:none;
    cursor:pointer;
}


#navi_up img {
    margin-left:10px;
    vertical-align: -22%;


}








/*-------[CONTENT]-------*/




#main {
    display:block;
    width: 600px;
    margin-top:120px;
}






h2 {
    font-size:20px;    
    font-weight:normal;
    letter-spacing:1px;
    text-align:center;
    text-decoration:none;
    margin-top:120px;


}    


h2 a {
    color: #444444;
    text-decoration: none;
}




h2 a:hover {
    cursor:pointer;
    color:#00A784;
    text-decoration:none;
    text-shadow: 0px 2px 2px #D8D8D8;


}


.entry {
    width: 600px;
    text-align: justify;
    color:#444444;
    font-size:15px;    


}


.entry p a {
    color:#00A784;
    text-decoration:none;    
}


.entry p a:hover {
    color:#444444;
    text-decoration:none;    
    cursor:pointer;
}


.entry img {
    max-width: 700px;
    margin:2px auto 2px auto;
    height: auto;
    border:none;
    margin-left:-50px;


}


#meta {
    text-align:right;
    width:600px;
    color: #A0A0A0;
    font-size:11px;
    border-bottom:1px solid #D8D8D8;
    margin-top:40px;
}


#meta a {
    color:#A0A0A0;
       text-decoration:none;
}


#meta a:hover {
    color:#00A784;
    text-decoration:none;
    cursor:pointer;


}


/*-------[BILDERGALLERIEN]-------*/




.gallery img {
    max-width: 600px;
    margin-left:0px;
    align:center;


}




/*-------[SEITEN]-------*/




#page { 
    margin-bottom:100px;
}




#page h2 {
    font-size:20px;    
    font-weight:normal;
    letter-spacing:1px;
    text-align:left;
    text-decoration:none;
    margin-top:120px;
}    


#page h2 a {
    color: #444444;
    text-decoration: none;
}




#page h2 a:hover {
    cursor:pointer;
    color:#00A784;
    text-decoration:none;
    text-shadow: 0px 2px 2px #D8D8D8;
}


/*-------[KOMMENTARE]-------*/






#kommentare{    
    font-size:12px;
    color:#444444;
    margin-bottom:100px;
    margin-top:120px;
}


.commentmetadata {
    font-size:11px;    
    color:#444444;


}


.commentmetadata a {    
    color:#00A784;
    text-decoration:none;
}


.commentmetadata a:hover {    
    cursor:pointer;
    color:#444444;
    text-decoration:none;
}


#kommentar_formular #comment {
    color:#444444;
    font-size: 12px;
    font-family: Georgia;
    line-height: 15px;
    border: 1px solid #D8D8D8;
    width: 500px;
    height: 200px;
}


#author, #email, #url {


    color:#444444;
    padding:2px 5px 2px 5px;
    font-family:Georgia;
    font-size: 12px;
    border: 1px solid #D8D8D8;
}


#submit {
    margin-top:2px;
    height: 32px;
    width: 145px;
    border: 1px solid #D8D8D8;
    background-color: #fff;
    color: #00A784;
    font-size: 12px;
    font-family: Georgia;
    text-decoration: none;
    margin-bottom:90px;
    
}


#submit:hover {
    cursor:pointer;
    height: 32px;
    width: 145px;
    border: 1px solid #D8D8D8;
    background-color: #fff;
    color: #444444;
    font-size: 12px;
    font-family: Georgia;
    text-decoration: none;


}




/*-------[SIDEBAR]-------*/




#sidebar {    
    width: 600px;
    margin-top: 120px;
    margin-bottom:60px;
    background-color: #fff;
    font-family:Georgia;
    font-size:16px;


}


/*-------[SEITENNAVIGATION]-------*/


.wp-pagenavi {
    text-align:center;
    width:600px;
}




.wp-pagenavi a, .wp-pagenavi span {
    text-decoration: none;
    border: none;
    padding: 3px 5px;
    margin: 3px;    
    color:#00A784;
}


.wp-pagenavi a:hover {
    color: #444444;
    text-shadow: 0px 4px 4px #727272;
}




.wp-pagenavi span.current {
    color: #444444;
}






/*-------[FOOTER]-------*/

Alles anzeigen

Vielen Dank!

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

atomazing

Ergänzung: Die Kompatibilitätsansicht behebt das Problem offenbar. Trotzdem - sollte der Fehler im CSS stecken, wäre ich dankbar für einen Hinweis :)

koslowski

Link zur Problemsite??

Solche Codeschnipsel sind leider unbrauchbar, um einen Fehler zu finden. ;)

atomazing

Sorry - hier der Link!
http://cocktailsundliebe.de/about/

Kenshex

erm...der fehler ist bei mir auf ie7-8-9 nicht vorhanden.
schon gefixed?

erst im quirksmodus stellt sich der content auf die linke seite aber das ist ja eigentlich unrelevant.

atomazing

Nein, ich hab bisher nichts verändert. Bei mir wird es auch nachwievor verschoben angezeigt. Seltsam... Trotzdem danke!

Kenshex

vielleicht cache leeren und den dokumenten modus vom ie prüfen =/ am ende ist das problem kein problem ^^

koslowski

Zitat

[COLOR=#ff0000]<div id="page"> [/COLOR]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//DE" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

So sehen die ersten beiden Zeilen des Quelltextes aus. Die erste Zeile muss raus (steht normal in der header.php), sowas mag der IE gar nicht. ;)

atomazing

Vielen Dank, das hat funktioniert! :-)
(Ich hatte in der page.php den div-Tag "page" vor <?php get_header(); ?> Wenn ich es umdrehe, sieht alles einwandfrei aus.)

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Seiten im Internet Explorer verschoben

Jetzt mitmachen!