Darstellungsprobleme Internet Explorer

riotic

Hi, habe auf meinem Blog leichte Probleme mit der Darstellung, die Buttons im Footer verschwinden einfach aus dem Footer. Im Firefox klappt das einwandfrei. Ich weiß leider überhaupt nicht wo ich da jetzt ansetzen soll, kann mir jemand helfen?

Footer:

PHP

<hr />
<div id="footer">


<p>    
<a href="http://wordpress.org/"><img alt="<?php _e('powered by',TEMPLATE_DOMAIN); ?> Wordpress" src="<?php bloginfo('stylesheet_directory'); ?>/images/getwordpress.png"/></a> | 
<a href="http://validator.w3.org/check?uri=referer"><img alt="<?php _e('valid xhtml 1.1',TEMPLATE_DOMAIN); ?>" src="<?php bloginfo('stylesheet_directory'); ?>/images/xhtml10.png"/></a> | 
<a href="http://jigsaw.w3.org/css-validator/check/referer"><img alt="<?php _e('valid css',TEMPLATE_DOMAIN); ?>" src="<?php bloginfo('stylesheet_directory'); ?>/images/validcss.png"/></a> |
<a href="http://riotic.redio.de/"><img alt="<?php _e('riotic',TEMPLATE_DOMAIN); ?> Riotic" src="<?php bloginfo('stylesheet_directory'); ?>/images/riot.jpg"/></a>


</p>
-
        <!-- <?php echo get_num_queries(); ?> queries. <?php timer_stop(1); ?> seconds. -->
    
</div>
</div>


        <?php wp_footer(); ?>
</body>
</html>

Alles anzeigen

CSS:

Code

/* Begin Typography & Colors */
body {
    font-size: 62.5%; /* Resets 1em to 10px */
    font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
    background: #d5d6d7 url('images/kubrickbgcolor.jpg');
    color: #7f7f7f;
    text-align: center;
    }


#page {
    background-color: white;
    border: 1px solid #959596;
    text-align: left;
    }


#header {
    background: #73a0c5 url('images/kubrickheader.jpg') no-repeat bottom center;
    }


#headerimg     {
    margin: 7px 9px 0;
    height: 192px;
    width: 740px;
    }


#content {
    font-size: 1.2em
    }


.widecolumn .entry p {
    font-size: 1.05em;
    }


.narrowcolumn .entry, .widecolumn .entry {
    line-height: 1.4em;
    }


.widecolumn {
    line-height: 1.6em;
    }


.narrowcolumn .postmetadata {
    text-align: center;
    }


.alt {
    background-color: #f8f8f8;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    }


#footer {
    background: #7f7f7f url('images/kubrickfooter.jpg') no-repeat top;
    border: none;
    }


small {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 0.9em;
    line-height: 1.5em;
    }


h1, h2, h3 {
    font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
    font-weight: bold;
    }


h1 {
    font-size: 4em;
    text-align: center;
    }


#headerimg .description {
    font-size: 1.2em;
    text-align: center;
    }


h2 {
    font-size: 1.6em;
    }


h2.pagetitle {
    font-size: 1.6em;
    }


#sidebar h2 {
    font-family: 'Lucida Grande', Verdana, Sans-Serif;
    font-size: 1.2em;
border-bottom: 1px solid black;
    }


h3 {
    font-size: 1.3em;
    }


h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
    text-decoration: none;
    color: white;
    }


h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
    color: #333;
    }


h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
    text-decoration: none;
    }


.entry p a:visited {
    color: #b85b5a;
    }


.commentlist li, #commentform input, #commentform textarea {
    font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
    }


.commentlist li {
    font-weight: bold;
    }


.commentlist cite, .commentlist cite a {
    font-weight: bold;
    font-style: normal;
    font-size: 1.1em;
    }


.commentlist p {
    font-weight: normal;
    line-height: 1.5em;
    text-transform: none;
    }


#commentform p {
    font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
    }


.commentmetadata {
    font-weight: normal;
    }


#sidebar {
    font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
    }


small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
    color: #777;
    }


code {
    font: 1.1em 'Courier New', Courier, Fixed;
    }


acronym, abbr, span.caps
{
    font-size: 0.9em;
    letter-spacing: .07em;
    }


a, h2 a:hover, h3 a:hover {
    color: #06c;
    text-decoration: none;
    }


a:hover {
    color: #147;
    text-decoration: underline;
    }


#wp-calendar #prev a, #wp-calendar #next a {
    font-size: 9pt;
    }


#wp-calendar a {
    text-decoration: none;
    }


#wp-calendar caption {
    font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
    text-align: center;
    }


#wp-calendar th {
    font-style: normal;
    text-transform: capitalize;
    }
/* End Typography & Colors */






/* Begin Structure */
body {
    margin: 0 0 20px 0;
    padding: 0;
    }


#page {
    background-color: white;
    margin: 20px auto;
    padding: 0;
    width: 760px;
    border: 1px solid #959596;
    }


#header {
    background-color: #73a0c5;
    margin: 0 0 0 1px;
    padding: 0;
    height: 200px;
    width: 758px;
    }


#headerimg {
    margin: 0;
    height: 200px;
    width: 100%;
    }


.narrowcolumn {
    float: left;
    padding: 0 0 20px 45px;
    margin: 0px 0 0;
    width: 450px;
    }


.widecolumn {
    padding: 10px 0 20px 0;
    margin: 5px 0 0 150px;
    width: 450px;
    }


.post {
    margin: 0 0 40px;
    text-align: justify;
    }


.post hr {
    display: block;
    }


.widecolumn .post {
    margin: 0;
    }


.narrowcolumn .postmetadata {
    padding-top: 5px;
    }


.widecolumn .postmetadata {
    margin: 30px 0;
    }


.widecolumn .smallattachment {
    text-align: center;
    float: left;
    width: 128px;
    margin: 5px 5px 5px 0px;
}


.widecolumn .attachment {
    text-align: center;
    margin: 5px 0px;
}


.postmetadata {
    clear: left;
}


#footer {
    padding: 0;
    margin: 0 auto;
    width: 760px;
    clear: both;
    }


#footer p {
    margin: 40px;
    padding: 20px 0;
    text-align: left;
    }
/* End Structure */






/*    Begin Headers */
h1 {
    padding-top: 70px;
    margin: 0;
    }


h2 {
    margin: 30px 0 0;
    }


h2.pagetitle {
    margin-top: 30px;
    text-align: center;
}


#sidebar h2 {
    margin: 5px 0 0;
    padding: 0;
    }


h3 {
    padding: 0;
    margin: 30px 0 0;
    }


h3.comments {
    padding: 0;
    margin: 40px auto 20px ;
    }
/* End Headers */






/* Begin Images */
p img {
    padding: 0;
    max-width: 100%;
    }


/*    Using 'class="alignright"' on an image will (who would've
    thought?!) align the image to the right. And using 'class="centered',
    will of course center the image. This is much better than using
    align="center", being much more futureproof (and valid) */


img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }


img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
    }


img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
    }


.alignright {
    float: right;
    }


.alignleft {
    float: left
    }
/* End Images */

Alles anzeigen

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

riotic

[LEFT]Bitte helft mir :)
[/LEFT]

Olafb

Du musst am margin #footer p ansetzen. Ungefähr so

HTML

#footer p {
    margin: 0 0 0 40px;
    padding: 20px 0;
    text-align: left;
    }

riotic

Passt, vielen Dank!

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Darstellungsprobleme Internet Explorer

Jetzt mitmachen!