Startpagina

Goedemiddag. Er is onverwacht een probleem opgekomen. Ik ben een website aan het maken met het Zen-thema, heb een donkere achtergrond ingesteld, maar voor het artikel op de homepage is een lichte achtergrond nodig. Ik begon met het bekijken van de code met Firebug om te zien hoe ik dit het beste kon doen, maar ik stuitte onverwachts op een probleem: om de een of andere reden overlapt het artikel dat op de homepage staat met de voorgaande blokken. En in de code blijkt het dat deze blokken zich in de body van het artikel bevinden... verschrikkelijk. 

Hier is de code van de pagina:

 

<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

 // Dit codefragment is moeilijk aan te passen. We raden aan om de

 // "Hoofdmenu" in de instellingen van je subthema uit te schakelen, dit PHP

 // codeblok te verwijderen en in plaats daarvan de "Menu block" module te gebruiken.

 // @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('Hoofdmenu'),

 'level' => 'h2',

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

),

 )); ?>

</nav>

 <?php endif; ?>

 

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

 

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

 

<?php

 // Render de zijbalken om te zien of er iets in zit.

 $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']); ?>