Page d'accueil

Bonjour. J'ai rencontré un problème inattendu. Je crée un site avec le thème Zen, j'ai mis un fond sombre, mais pour l'article sur la page d'accueil, un fond clair est nécessaire. J'ai commencé à regarder avec Firebug comment faire au mieux, mais je me suis heurté à un problème inattendu : pour une raison quelconque, l'article placé sur la page d'accueil déborde sur le bloc précédent. Et dans le code, il semble que ces blocs soient dans le corps de l'article... c'est horrible. 

Voici le code de la page :

 

<div id="page">

 

  <header id="header" role="banner">

 

    <?php if ($logo): ?>

      <a href="<?php print $front_page; ?>" title="<?php print t('Home'); ?>" rel="home" id="logo"><img src="<?php print $logo; ?>" alt="<?php print t('Home'); ?>" /></a>

    <?php endif; ?>

 

    <?php if ($site_name || $site_slogan): ?>

      <hgroup id="name-and-slogan">

        <?php if ($site_name): ?>

          <h1 id="site-name">

            <a href="<?php print $front_page; ?>" title="<?php print t('Home'); ?>" rel="home"><span><?php print $site_name; ?></span></a>

          </h1>

        <?php endif; ?>

 

        <?php if ($site_slogan): ?>

          <h2 id="site-slogan"><?php print $site_slogan; ?></h2>

        <?php endif; ?>

      </hgroup><!-- /#name-and-slogan -->

    <?php endif; ?>

 

   

 

    <?php print render($page['header']); ?>

 

  </header>

 

<div id="main">

 

<div class="content-wrapper">

<div id="content" class="column" role="main">

 <?php print render($page['highlighted']); ?>

 <?php print $breadcrumb; ?>

 <a id="main-content"></a>

 

 <?php print $messages; ?>

 <?php print render($tabs); ?>

 <?php print render($page['help']); ?>

 <?php if ($action_links): ?>

<ul class="action-links"><?php print render($action_links); ?></ul>

 <?php endif; ?>

 <?php print render($page['content']); ?>

 <?php print $feed_icons; ?>

</div><!-- /#content -->

 

<div id="navigation">

 

 <?php if ($main_menu): ?>

<nav id="main-menu" role="navigation">

 <?php

 // Ce morceau de code est difficile à modifier. Nous recommandons de désactiver le

 // "Menu principal" dans le formulaire de paramètres de votre sous-thème, de supprimer ce bloc de code PHP

 // et, à la place, d'utiliser le module "Menu block".

 // @see http://drupal.org/project/menu_block

 print theme('links__system_main_menu', array(

'links' => $main_menu,

'attributes' => array(

 'class' => array('links', 'inline', 'clearfix'),

),

'heading' => array(

 'text' => t('Menu principal'),

 'level' => 'h2',

 'class' => array('element-invisible'),

),

 )); ?>

</nav>

 <?php endif; ?>

 

 <?php print render($page['navigation']); ?>

 

</div><!-- /#navigation -->

 

<?php

 // Rendre les barres latérales pour voir s'il y a quelque chose dedans.

 $sidebar_first  = render($page['sidebar_first']);

 $sidebar_second = render($page['sidebar_second']);

?>

 

<?php if ($sidebar_first || $sidebar_second): ?>

 <aside class="sidebars">

<?php print $sidebar_first; ?>

<?php print $sidebar_second; ?>

 </aside><!-- /.sidebars -->

<?php endif; ?>

</div>

  </div><!-- /#main -->

 

  <?php print render($page['footer']); ?>

 </div><!-- /#page -->

 

<?php print render($page['bottom']); ?>