Ich bin gerade dabei meine Webseite neu aufzulegen. Ich bin mittlerweile gut vorangekommen. Allerdings gibt es jetzt eine deutlich sichtbare, unschöne Diskrepanz zwischen Firefox und Internet Explorer. Könnt Ihr Euch unter Spikydesign anschauen. Ich erstelle ein eigenes Wordpress-theme. Wie gesagt, im Firefox läuft es Prima. Hier mal der CSS-Code:
Und hier noch der Code der index.php, in der ja bei wordpress der Content dargestellt wird und dessen Div die Probleme macht...
Danke für Eure Hilfe! :) Bitte seid vorsichtig mit mir, ich bin eher Anfänger!
Code:
@charset "utf-8";
/* CSS Document */
html, body{
margin: 0;
padding: 0;
background-color: #8388e2;
text-align: center;
}
#wrapper {
display: block;
width:820px;
margin:0px auto;
}
#header{
width: 820px;
height: 150px;
}
#logo{
background: url(images/logo.jpg);
width: 200px;
height: 150px;
float: left;
}
#headerimage{
background: url(images/header.jpg);
width: 620px;
height: 115px;
float: right;
}
#menue{
background-color: #0b0f5e;
width: 620px;
height: 35px;
margin: 0;
float: right;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
#content{
background-color: #2f35ac;
width: 804px;
padding: 8px;
}
#sidebar {
width: 23%;
border: 2px #a2a2a2 solid;
float: right;
}
#delimiter {
clear: both;
}
#footer{
background-color: #0b0f5e;
width: 808px;
padding: 6px;
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
text-align: center;
color: #FFF;
}
.title {
font-size: 11pt;
font-family: verdana;
font-weight: bold;
}
ul#navigation {
margin: 0; padding: 9px;
text-align: left;
background-color: #0b0f5e;
}
ul#navigation li {
list-style: none;
display: inline;
margin: 0; padding: 0;
}
ul#navigation a, ul#navigation span {
padding: 2px 12px;
text-decoration: none;
color: #FFF; background-color: #0b0f5e;
}
* html ul#navigation a, * html ul#Navigation span {
width: 1em; /* nur fuer IE 5.0x erforderlich */
w/idth: auto; /* sicherheitshalber fuer IE 6 zurueckgesetzt */
}
ul#navigation a:hover, ul#Navigation span {
color: white; text-decoration: underline;
}
a{
color: #FFFFFF;
text-decoration: none;
}
h1{
color: #fff;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
}
h2{
color: #fff;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
}
h3{
color: #fff;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}
h4{
color: #fff;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
}
h5{
color: #fff;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
h1,h2,h3,h4,h5{
margin-top: 0px;
padding-top: 0px;
margin-bottom: 0px;
padding-bottom: 0px;
}
p{
color: #fff;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
img.alignright {float:right; margin:0 0 4px 4px}
img.alignleft {float:left; margin:0 4px 4px 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 4px 4px}
a img.alignleft {float:left; margin:0 4px 4px 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
PHP:
<?php get_header(); ?>
<div id="main">
<div id="content">
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<h2><?php the_title(); ?></h2>
<h5 align="right">On <?php the_time('F jS, Y') ?> by <?php the_author() ?></h5>
<p><?php the_content(__('(more...)')); ?></p>
<hr>
<?php endwhile; else: ?>
<p><?php _e('Sorry, no posts matched your criteria.'); ?></p>
<?php endif; ?>
</div>
</div>
<div id="delimiter"></div>
<?php get_footer(); ?>