[réssolu][css] placement d´élements

Marsh Posté le 28-11-2007 à 09:37:27

bonjour,
je suis en train de faire un thème wordpress, et j´ai un souci avec le placement de mes élements.

Ce sera un thème 3 collones, avec 2 sidebars à droite.

Le problèmes est :

comme on peut le voir sur l´image, aucun des élements n´est aligné au bon endroit. Tout devrait étre sous le header.

Si quelqu´un voit pourquoi ...

en prime : l´index.php du thème

Code :

<?php get_header(); ?>
<div id="content">
<?php if(have_posts()) : ?><?php while(have_posts()) : the_post(); ?>
<div class="post" id="post-<?php the_ID(); ?>">
<h2><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a></h2>
<p class="postmetadata">
<?php the_time('j F Y') ?> par <?php the_author() ?> |
Catégorie: <?php the_category(', ') ?> |
<?php comments_popup_link('Pas de commentaires', '1 Commentaire', '% Commentaires'); ?> <?php edit_post_link('Editer', ' | ', ''); ?>
</p>
<div class="post_content">
<?php the_content(); ?>
</div>
</div>
<?php endwhile; ?>
<?php endif; ?>
</div>
<?php get_sidebar(); ?>
<?php get_footer(); ?>
</div>
</body>
</html>

les sidebars :

Code :

<div class="sidebar_left">
<ul>
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Colonne de Gauche') ) : ?>
<li id="search"><?php include(TEMPLATEPATH . '/searchform.php'); ?></li>
<?php endif;?>
</ul>
</div>
<div class="sidebar_right">
<ul>
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Colonne de Droite') ) : ?>
<li id="calendar"><h2>Calendrier</h2>
<?php get_calendar(); ?>
</li>
<li><h2>Categories</h2>
<ul>
<?php wp_list_cats('sort_column=name&optioncount=1&hierarchical=1&children=1'); ?>
</ul>
</li>
<?php wp_list_pages(); ?>
<?php endif;?>
</ul>
</div>
<div class="navibar">
<ul>
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Navibar') ) : ?>
<?php endif; ?>
</ul>
</div>

et le footer :

Code :

<div id="footer">
<p>
Copyright © <?php print(date(Y)); ?> <?php bloginfo('name'); ?>. PropulsÃ© par <a href="http://wordpress.org/">WordPress</a> et conçu par <a href="http://caribounews.org">Castorgris et Bawa</a>
<br />
<a href="feed:<?php bloginfo('rss2_url'); ?>">Articles (RSS)</a> et <a href="feed:<?php bloginfo('comments_rss2_url'); ?>">Commentaires (RSS)</a>.
<?php echo get_num_queries(); ?> requÃ¨tes. <?php timer_stop(1); ?> secondes.
</p>
</div>

et bien sur le style.css .

Code :

body {
font-family: "Lucida Grande", Arial, Helvetica, Sans-serif;
font-size: 0.8em;
text-align: left;
background: #ffffff;
color: #006699;
margin: 0;
}
#page {
margin: 0 auto 0 auto;
width: 960px;
}
#header {
font-family: "Trebuchet MS", "Lucida Grande", Arial, Helvetica, Georgia, Sans-serif;
float: left;
background:#cccccc;
width: 960px;
padding: 0 10px 20px 10px;
}
#content {
float: left;
width: 560px;
margin-bottom: 20px;
background:#a2B;
}
.sidebar_right {
float: right;
width: 200px;
background:#123123;
}
.sidebar_left {
float: right;
background:#CBECBE;
width: 200px;
}
#footer {
font-size: 1em;
background:#cccccc;
padding: 10px 10px 0 0;
clear: both;
width: 960px;
}

Si quelqu´un voit le souci.... Le css n´est pas ma spécialité!

Message édité par castorgris le 29-11-2007 à 08:26:23

Reply

Marsh Posté le 28-11-2007 à 09:37:27

Reply

Marsh Posté le 29-11-2007 à 08:25:11

Je vois que mon problème déchaine les foules ....

Enfin c´est pas grave, c´est résolu. Un div pas fermé ou il faut ...

Reply