Liten liten fråga ang. några div-taggar
Undrar lite ang mina inställningar för några div-taggar. Såhär ser det ut på min sida just nu:
Och såhär vill jag att det ska se ut:
(Varje div har background-color så att ni ska se hur hur de ser ut för tillfället. Dessutom har de två översta en "content" tagg runt sig och likaså de två understa)
Såhär ser min kod ut i home.php:
<div id="contentcontainer">
<div id="content">
<?php query_posts('showposts=1'); if(have_posts()) : ?><?php while(have_posts()) : the_post(); ?>
<div class="post" id="post-<?php the_ID(); ?>">
<div id="contentdate">
<p id="date"><?php the_time('M d'); ?></p>
</div>
<div id="contenttext">
<h2><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a></h2>
<p><?php the_excerpt(); ?></p>
</div>
</div>
<?php endwhile; ?>
<?php else : ?>
<div class="post">
<h2><?php _e('Not Found'); ?></h2>
</div>
<?php endif; ?>
</div>
<div id="latest_content">
<?php $lastposts = get_posts('numberposts=3&offset=1'); foreach($lastposts as $post) : setup_postdata($post);?>
<div id="latest_date">
</div>
<div id="latest_text">
<ul>
<li><p><span><?php the_time('M d'); ?></span><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></p></li>
</ul>
</div>
<?php endforeach; ?>
</div>
<div class="clear"></div>
</div>
och såhär ser CSS'en ut:
#contentcontainer {
/*background-color:#898b8a;*/
width: 1000px;
position:relative;
}
#content{
background-color:#d3d3d3;
clear:both;
text-align:center;
width: 700px;
border-top:1px solid #D9D0BF;
margin: 10px auto 10px auto;
}
#contentdate{
background-color:#90bcdd;
width:100px;
float:left;
padding-top:14px;
}
#contenttext{
background-color:#e56060;
width:600px;
float:right;
}
#latest_content{
background-color:#d3d3d3;
clear:both;
text-align:left;
width: 700px;
margin: 0 auto 0 auto;
}
#latest_date{
background-color:#e5c460;
width:100px;
float:left;
padding-top:14px;
}
#latest_text{
background-color:#6de560;
width:600px;
float:left;
padding-top:0px;
}
#latest_text p{text-align:left; margin: 0 0 0 0;}
#latest_text span{float: left; margin: 0px -30px 0px -150px; text-align: right; width: 70px;}
#latest_text li{padding: 8px 0px 7px;}
.post{
padding: 0px 0 10px 0;
}
.post h2 {text-align:left; color:#b2976c; letter-spacing:1.5px; font-family:'nevisBold', Arial, Helvetica, sans-serif; font-size:1.5em; line-height:1.5em; padding:0 0 0 0; text-transform:uppercase; text-decoration:none;}
.post p#test {text-align:left; color:#b2976c; letter-spacing:1.5px; font-family:'nevisBold', Arial, Helvetica, sans-serif; font-size:1.5em; line-height:1.5em; padding:0 0 0 0; text-transform:uppercase; text-decoration:none;}
.post p {text-align:left; margin: 0 0 0 0;}
.post p#date {color:#4d4d4d; letter-spacing:1.5px; font-family:'nevisBold', Arial, Helvetica, sans-serif; font-size:1.5em; line-height:1.5em; padding:0 0 0 0; text-transform:uppercase; text-decoration:none;}
Jag har prövat med allt möjligt, men mina problem är att jag får inte datumen och rubrikerna i de undre divarna att droppa det enorma avståndet under varandra. Dessutom så vägrar rubrikerna lägga sig helt till vänster i diven. Vad gör jag fel?
Tror garanterat att det är något simpelt som jag bara missat.
