Verschiedene Darstellungen in IE und Firefox

foxmulder87

Auf meiner neuen Blogseite werden einige Dinge falsch angezeigt.

Wenn ich den IE benutze wird oberhalb des Titels ganz oben ein Teil eines Headers angezeigt und das Textfeld ist ein wenig nach links verschoben. Dafür ist aber die Sidebar rechts perfekt dargestellt.

Wenn ich Firefox benutze ist oberhalb des Titels ganz oben alles in Ordnung und auch das Textfeld ist schön unterhalb des Headers. Dafür stimmt aber mit der Sidebar (Blogroll und Archiv) rechts etwas nicht.

Hoffe mir kann da jemand auf die Sprünge helfen wie ich diese Fehler auf einen Nenner bringen kann damit mit beiden Internetprogrammen alles richtig dargestellt wird.

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

martialblog

Internetprogramme? Du meinst sicher Browser.

Mein Tipp, die IE Benutzer aussperren. Mit dem Plugin "Kick IE Users"...haha nur ein Scherz.

Also das in der Sidebar liegt sicherlich an dem

PHP

float: right

hmmm... und der Header, da müsste man dein Stylesheet mal anschauen. :)

foxmulder87

:D Alle IE User rauskicken wäre wirklich bisschen hart :D

Kannst du mir vielleicht noch etwas genauer erläutern was ich bei diesem "float: right" verändern muss?

Das Stylesheet sieht folgendermassen aus:

PHP

/*  
Theme Name: Peaceful Rush
Theme URI: http://www.wpdesigner.com/2007/01/17/peaceful-rush-wordpress-theme/
Description: Peaceful Rush Wordpress theme created by Small Potato (WPDesigner.com)
Version: 1.0.2
Author: Small Potato
Author URI: http://www.wpdesigner.com/


    This theme is released under GPL.


*/


body, h1, h2, h3, h4, h5, h6, address, blockquote, dd, dl, hr, p, form{
    margin: 0;
    padding: 0;
}


body{
    font-family: Arial, Helvetica, Georgia, Sans-Serif;
    font-size: 12px;
    text-align: center;
    vertical-align: top;
    background: #fff url(images/bg_body.gif) repeat-x;
    color: #000;
}


h1, h2, h3, h4, h5, h6{
    font-family: Georgia, sans-serif;
    font-size: 14px;
    font-weight: bold;
}


a{
    text-decoration: underline;
    color: black;
}


a:hover{ text-decoration: none; }


a img{ border: 0; }


abbr, acronym{ border: 0; }


address, dl, p{ padding: 15px 0 0; }


blockquote{
    margin: 15px 0 0;
    background: #faf5ef;
    color: #000;
}


blockquote p{ padding: 15px; }


blockquote blockquote{
    margin: 15px;
    background: #fff;
    color: #333;
}


code{
    background: #f9f9f9;
}


dt{ font-weight: bold; }


dd{ padding: 0 0 0 15px; }


hr{
    clear: both;
    margin: 15px 15px 5px 15px;
    border: 0;
    height: 1px;
    text-align: left;
    background: #ede5da;
    color: #ede5da;
}


small{
    font-size: 11px;
}


pre{
    width: 90%;
}


input, textarea{
    font-family: Arial, Helvetica, Georgia, sans-serif;
    font-size: 12px;
    padding: 2px;
}


input#s, input#author, input#email, input#url, textarea#comment{
    border: 1px solid #e5d8c6;
    background-color: #faf5ef;
    padding: 3px;
}


input#author, input#email, input#url{
    margin: 0 5px 0 0;
}


#container{
    margin: 0 auto;
    width: 748px;
}


#header{
    clear: both;
}


#header h1{
    float: left;
    padding: 26px 30px 0 72px;
    font-size: 24px;
    font-weight: normal;
    text-transform: capitalize;
    background: url(images/logo.gif) no-repeat 38px 26px;
    color: #fff;
}


#header h1 a{
    text-decoration: none;
    color: #fff;
}


#header h1 a:hover{
    text-decoration: underline;
}


#menu{
    float: left;
    font-family: Georgia, sans-seriff;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
}


#menu ul{
    list-style: none;
    margin: 0;
    padding: 37px 23px 0 0;
}


#menu ul li{
    display: inline;
    margin: 0;
    padding: 0 15px;
    background: url(images/bullet.gif) no-repeat 0 3px;
}


#menu ul li a{
    text-decoration: none;
    color: #fff;
}


#menu a:hover{
    text-decoration: underline;
}


#pagewrapper{
    float: left;
    width: 748px;
    padding: 23px 0;
    background: url(images/bg_page.gif) no-repeat left top;
}


#page{
    padding: 0 23px;
}


#banner{
    float: left;
    width: 702px;
    height: 210px;
    background: url(images/header1.jpg) no-repeat left top;
    clear: both;
}


.maincolumn{
    float: left;
    width: 500px;
}


.post{
    margin: 10px 0 0;
    padding: 15px;
    background: url(images/bg_post.gif) no-repeat left top;
}


.post h2{
    border-bottom: 1px solid #ebe1d3;
    padding: 0 0 7px 0;
    font-size: 18px;
    font-weight: normal;
    color: #c97d05;    
}


.post h2 a{
    text-decoration: none;
    color: #c97d05;
}


.post h2 a:hover{
    text-decoration: underline;
}


.entry{
    line-height: 24px;
}


.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6{
    border: 0;
    padding: 10px 0 0;
}


.entry h1{
    font-size: 24px;
    font-weight: normal;
}


.entry h2{
    font-size: 18px;
    color: #000;
}


.entry h3{ color: #c97d05; }


.entry  h4{}


.entry h5{ font-weight: normal; }


.entry h6{ font-size: 11px; font-weight: normal; }


.entry img{
    border: 1px solid #e5d8c6;
    padding: 4px;
    background-color: #faf5ef;
}


.entry img.wp-smiley{
    padding: 0;
    border: 0;
    background-color: transparent;
}


.entry img.alignleft{
    float: left;
    margin: 5px 10px 0 0;
}


.entry img.alignright{
    float: right;
    margin: 5px 0 0 10px;
}


.entry p.postinfo{
    margin: 15px 0 0;
    padding: 10px 15px 0;
    border-top: 1px solid #e5d8c6;
    font-size: 11px;
    color: #b1a799;
}


.entry p.notfound{
    padding: 15px 0 100px;
}


.browse{
    margin: 0 15px;
    border-top: 1px solid #e5d8c6;
    padding: 15px;
    line-height: 24px;
}


#sidebar{
    float: left;
    margin: 10px 0 0 10px;
    width: 192px;
    background: url(images/bg_sidebar.gif) no-repeat left top;
}


#sidebar a{
    color: #878773;
}


#sidebar ul{
    list-style: none;
    margin: 0;
    padding: 0;
}


#sidebar ul li{
    padding: 15px;
    font-family: Georgia, sans-seriff;
    text-transform: uppercase;
}


#sidebar ul li.syndicate a{
    padding: 0 20px 0 0;
    background: url(images/feed-icon.gif) no-repeat right 2px;
}


#sidebar ul li h2{
    border-bottom: 1px solid #ebe1d3;
    padding: 0 0 7px 0;
    font-size: 12px;
    color:  #514129;
}


#sidebar ul ul{
    padding: 7px 0 0;
}


#sidebar ul ul li{
    padding: 0;
    font-family: Arial, Helvetica, Georgia, sans-seriff;
    line-height: 24px;
    text-transform: none;
}


#sidebar ul ul ul{
    padding: 0;
}


#sidebar ul ul ul li{
    padding: 0 0 0 15px;
    background: url(images/bullet_2.gif) no-repeat 0 8px;
}


#sidebar ul ul ul ul li{
    background: url(images/bullet_3.gif) no-repeat 0 8px;
}


#sidebar ul ul ul ul ul li{
    background: none;
}




/* Comments Template */


#comments-template{
    border-top: 1px solid #e5d8c6;
    margin: 0px 15px;
    padding: 15px 0;
}


#comments-template p{
    line-height: 24px;
}


#comments-template p.nocomments{
    padding: 0 15px;
}


#comments-template h2, #comments-template h3{
    font-size: 14px;
    font-weight: bold;
    color: #74624b;
}


h3#comments, h3#respond{
    padding: 0 0 0 15px;
}


h3#respond{
    padding: 30px 0 0 15px;
}


#comments-template .commentmetadata{
    font-size: 11px;
}


#comments-template ol{
    list-style: none;
    margin: 0;
    padding: 0;
}


#comments-template ol li{
    border-bottom: 1px solid #e5d8c6;
    padding: 15px 0 15px;
}


/* End Comments Template */




/* wp-calendar */


table#wp-calendar{
    width: 100%;
    font-family: Arial, Helvetica, Georgia, Sans-Serif;
    text-transform: none;
}


table#wp-calendar caption{
    padding: 10px 15px;
}


table#wp-calendar th{
    font-weight: normal;
    text-align: right;
    vertical-align: top;
    background: #faf5ef;
}


table#wp-calendar td{
    padding: 1px;
    text-align: right;
}


table#wp-calendar tfoot td{
    text-align: center;
}


/* end calendar */


#container, #header, #menu, #pagewrapper, #page, #banner, .maincol, .post, .entry, .browse, #sidebar, #comments-template{
    text-align: left;
    vertical-align:top;
}

Alles anzeigen

foxmulder87

Das Problem mit der Sidebar wäre gelöst, danke martialblog!

Doch der Header im IE wird oberhalb des Headerpics immernoch falsch dargestellt und das Textfeld ist ebenfalls noch zusehr nach links versetzt (ist nicht ganz bündig mit dem Headerbild).

foxmulder87

Weiss echt niemand was zum Problem mit dem header?

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Verschiedene Darstellungen in IE und Firefox

Jetzt mitmachen!