Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #16061

    Hi, I have a problem in the header section of http://bioparadis.is/. When I installed the icon filmstrip card at the top, the whole main section below moves a few cm to the right. When I remove the icon at top everything goes back to normal. Please advice.

    #90003

    Hi,

    You are not closing the <div> tags which you’ve added, which is breaking the page. Every open <div> tag must have a corresponding </div> closing tag. I can see you have a structure:

    [This is live code, what you see in your header.php template is likely to look different]

    <!-- ###################################################################### -->
    <h2 class="logo ie6fix "><a href="http://bioparadis.is/"><img class="ie6fix" src="http://bioparadis.is/wp-content/uploads/2011/09/BP-header-hvitt.png" alt="http://bioparadis.is"></a></h2>
    <div>
    <div style="position: absolute; top: 40px; right: 480px; z-index:10;"><a href="http://bioparadis.is/klubburinn"><img src="http://bioparadis.is/wp-content/uploads/2012/09/bíóklúbbur_HeaderBP_2012.png"> </a></div>
    <div>
    <div style="position: absolute; top: 50px; right: 25px; z-index:10;"><a href="http://www.europa-cinemas.org/en/"><img src="http://bioparadis.is/wp-content/uploads/2012/01/Header_europa-cinemas2.png"> </a></div>
    <div class="nav_wrapper">
    <!-- Navigation for Pages starts here -->

    The two open <div> above, need to be closed so try something like this:

    <!-- ###################################################################### -->
    <h2 class="logo ie6fix "><a href="http://bioparadis.is/"><img class="ie6fix" src="http://bioparadis.is/wp-content/uploads/2011/09/BP-header-hvitt.png" alt="http://bioparadis.is"></a></h2>
    <div>
    <div style="position: absolute; top: 40px; right: 480px; z-index:10;"><a href="http://bioparadis.is/klubburinn"><img src="http://bioparadis.is/wp-content/uploads/2012/09/bíóklúbbur_HeaderBP_2012.png"> </a></div>
    </div>
    <div>
    <div style="position: absolute; top: 50px; right: 25px; z-index:10;"><a href="http://www.europa-cinemas.org/en/"><img src="http://bioparadis.is/wp-content/uploads/2012/01/Header_europa-cinemas2.png"> </a></div>
    </div>
    <div class="nav_wrapper">
    <!-- Navigation for Pages starts here -->

    or like this (depending on the purpose , i would try this method first)

    <!-- ###################################################################### -->
    <h2 class="logo ie6fix "><a href="http://bioparadis.is/"><img class="ie6fix" src="http://bioparadis.is/wp-content/uploads/2011/09/BP-header-hvitt.png" alt="http://bioparadis.is"></a></h2>
    <div>
    <div style="position: absolute; top: 40px; right: 480px; z-index:10;"><a href="http://bioparadis.is/klubburinn"><img src="http://bioparadis.is/wp-content/uploads/2012/09/bíóklúbbur_HeaderBP_2012.png"> </a></div>
    <div style="position: absolute; top: 50px; right: 25px; z-index:10;"><a href="http://www.europa-cinemas.org/en/"><img src="http://bioparadis.is/wp-content/uploads/2012/01/Header_europa-cinemas2.png"> </a></div>
    </div>
    <div class="nav_wrapper">
    <!-- Navigation for Pages starts here -->

    Thanks,

    Nick

    #90004

    Thanks a lot Nick!

    #90005

    Glad Nick was able to help you! Let us know if you have more questions.

    Regards,

    Mya

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Header problem’ is closed to new replies.