Page 1 of 1

Hoe krijg ik positie 'main' en 'content' helemaal boven aan

Posted: Fri Apr 29, 2011 6:06 am
by benwinie
Hallo,

k heb nog een ander 'probleem' op http://www.adactum.nl, en dat is dat ik de 'main' en 'content' stukken (het witte vlak) helemaal tot boven aan de pagina wil hebben zonder rode rand, wat me niet lukt. Ik heb de 'header' helemaal verwijdert. Ik dacht dat ik iets met <div id="content" class="clearfix"> zou moeten doen maar die kan ik in de stylesheets nergens vinden. Nog mooier is als ook het zwarte randje bovenaan weg blijft. Wie weet raad?

Hieronder het aangepaste sjabloon 'Bulletmenu Vert 1 col'en de naar ik denk relevante stylesheets als bijlagen:

Groet

Benwinie

[The extension txt has been deactivated and can no longer be displayed.]

[The extension txt has been deactivated and can no longer be displayed.]

[The extension txt has been deactivated and can no longer be displayed.]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<__html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>

<!-- Type the title of your site here -->
<title>Adactum{title}</title>

{metadata}
{stylesheet}

{cms_selflink dir="start" rellink=1}


{cms_selflink dir="vorige" rellink=1}
{cms_selflink dir="volgende" rellink=1}

{global_content name='JavaScript for IE page width'}
</head>

</__body>

<div id="pagewrapper">
<div id="container">

<!-- start accessibility skip links -->
<ul class="accessibility">
<li><a href="#menu_vert" accesskey="s" title="Skip to navigation">Skip to navigation</a></li>
<li><a href="#main">Skip to content</a></li>
</ul>
<!-- end accessibility skip links -->

<hr />




<!-- Start Content (Navigation and Content columns) -->
<div id="content" class="clearfix">

<!-- Start Navigation -->
<div id="menu_vert">
<h2 class="accessibility">Navigation</h2>
{cms_module module='menumanager' collapse='1'}
<hr />
</div>
<!-- End Navigation -->


<!-- Start Content Area -->
<div id="main">
<h2>{title}</h2>
{content} <br />


<hr />
</div>
<!-- End Content Area -->


</div>
<!-- End Content -->


<!-- Start Footer -->
<div id="footer" class="clearfix">
{global_content name='footer'}
</div>
<!-- End Footer -->


</div><!-- end container -->
</div><!-- end pagewrapper -->


<__body>
</__html>

Re: Hoe krijg ik positie 'main' en 'content' helemaal boven

Posted: Fri Apr 29, 2011 7:26 am
by RonnyK
Ten eerste heeft je body padding, die dus ook voor de top geldt.

Code: Select all

    body {
        margin: 0;
        padding: 1em;
        text-align: center;
    }
Daarnaast heb je ruimte in het rode, doordat je daar een H2 aanroept in je template, die ook ruimte reserveert.

Ronny

Re: Hoe krijg ik positie 'main' en 'content' helemaal boven

Posted: Fri Apr 29, 2011 7:41 am
by benwinie
Hoi

Die eerste heb ik gevonden, met de H2 heb ik nog wat moeite. Ik heb in de template dit er uit gehaald
<h2 class="accessibility">Navigation</h2>

Dat zorgt er wel voor dat het storende zwarte randje weggaat aan de bovenzijde, maar rood blijft. Ik denk dat het met de 'padding' zaken van het menu te maken heeft.

Ik speur verder. Dank

Re: Hoe krijg ik positie 'main' en 'content' helemaal boven

Posted: Fri Apr 29, 2011 9:24 am
by RonnyK
Het ging niet om die H2, maar de H2 in main....

Code: Select all

<h2>{title}</h2>
Ronny

Re: Hoe krijg ik positie 'main' en 'content' helemaal boven

Posted: Fri Apr 29, 2011 9:50 am
by benwinie
Ja gevonden. Dank je

Benwinie