Ok,
I'm working with wordpress (first time), and I’m trying to customize it. Here is the problem. It looks ok in IE, but then not in firefox. I can’t post the site because it’s a part of our Intranet at work.
CSS
body {
margin: 0 auto;
padding: 0;
font: 0.7em Tahoma, sans-serif;
line-height: 1.5em;
background-color: #ffffff;
background-image: url("background.png");
color: #454545;
text-align:center;
}
a { color: #000066; background: inherit;}
a:hover { color: #000066; background: inherit; }
h1 { font: normal 2.1em Arial, Sans-Serif; letter-spacing: -1px; padding: 7px 0 0 8px; margin: 0; }
h1 a, h2 a { text-decoration: none; }
h1 a:hover, h2 a:hover { color: #FF6600; background: inherit; }
h2 { margin: 0; padding: 0; font: bold 1.7em Arial, Sans-Serif; letter-spacing: -1px; }
h2 { font-size: 1.5em; margin-bottom: 5px; color: #000; background: inherit; }
p { margin: 0 0 5px 0; }
ul { margin: 0; padding : 0; list-style : none; }
li { margin: 0; padding : 0; list-style : none; }
/* layout
------ */
#content {
margin: 0 auto;
width: 760px;
height: auto;
padding: 10px;
align: center;
text-align: left;
background-color: #FFFFFF;
}
#header {
height: 111px;
color: #808080;
background-image:url(header.jpg);
margin: 3px 0;
padding: 10px 0 0 0;
}
#main {
width: 510px;
height: auto;
float: right;
padding: 0;
margin: 5px 0 0 0;
background-color: #C1D8FC;
}
#sidebar {
width: 220px;
height: auto;
float: left;
background:inherit;
}
#footer {
width: 760px;
height: 30px;
float: right;
background-color:#FFFFFF;
}
#footer p {
text-align:center;
}
.news {
margin: 3px 0 0 3px;
padding: 0px 10px 10px 12px;
background: url(clanak.gif) no-repeat;
}
.notepaper {
padding: 1px 12px 10px 10px;
background: #FFF url(fade.gif) repeat-x bottom left;
height: auto;
}
/* Menu */
#left {
width: 220px;
}
#leftmenu {
margin: 5px 0;
padding: 0;
}
#leftmenu a {
display: block;
background: #336699 url(vmenuarrow.gif) no-repeat center left;
color: #FFFFFF;
padding: 5px 0 5px 19px;
margin: 0 0 1px 0;
text-decoration: none;
}
#leftmenu a:hover {
color: #FFFFFF;
background: #6699CC url(vmenuarrowhover.gif) no-repeat center left;
}
.leftarticle {
background: #EEEEEE;
color: #808080;
margin: 2px 0 2px 0;
padding: 8px;
line-height: 1.4em;
}
.leftarticle_ad {
font: 140% Arial, Sans-Serif;
font-weight: bold;
border: 2px solid #EEEEEE;
color: #808080;
margin: 2px 0 2px 0;
padding: 17px;
width: 182px;
height: 17px;
background: #FFFFFF url(seoad.jpg) no-repeat;
}
.leftarticle_ad a {
background: transparent;
text-decoration: none;
}
</style>
main page
<?php get_header(); ?>
<div id="main">
<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>
<div class="post" id="post-<?php the_ID(); ?>">
<div class="news">
<div class="notepaper">
<h3><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php the_title(); ?></a></h3>
<span><?php the_time('F jS, Y') ?> by <?php the_author() ?></span>
<div>
<?php the_content('Read the rest of this entry »'); ?>
<p>
Posted in <?php the_category(', ') ?>
<strong>|</strong>
<?php edit_post_link('Edit','','<strong>|</strong>'); ?>
</p>
</div></div></div>
<?php /* trackback_rdf(); */ ?>
</div>
<?php endwhile; ?>
</div>
<div id="sidebar">
<p>
<span><?php posts_nav_link('','','« Previous Entries') ?></span>
<span><?php posts_nav_link('','Next Entries »','') ?></span>
</p>
<?php else : ?>
<h3>Not Found</h3>
<p>
<?php _e("Sorry, but you are looking for something that isn't here."); ?>
</p>
<?php include (TEMPLATEPATH . "/searchform.php"); ?>
<?php endif; ?>
<?php get_sidebar(); ?>
<!-- Poll -->
<?php if (function_exists('vote_poll')): ?>
<li>
<h2>Polls</h2>
<ul>
<?php get_poll();?>
<li><a href="<?php echo get_settings('home'); ?>/wp-polls.php">Polls Archive</a></li>
</ul>
</li>
<?php endif; ?>
<!-- Poll End -->
</div>
</div>
</body>
</html>
