Grow your CSS skills. Land your dream job.

[Solved] My Main Content Div Is Being Pushed Down

  • # June 3, 2010 at 12:49 am

    Would someone mind having a look at my site. http://thesymptomsofdiabetes.com/
    This is my first ever attempt at coding a site from scratch so it may be a little rough.
    The problem I am having is the main content is getting pushed down past the sidebar div.
    Everything seems to look ok in flock and Camino, but in safari, chrome, ff, opera, icab, stainless, omniweb and seamonkey to name a few, everything goes pearshaped.
    I have tried to reduce the width of the content area, I have also tried to insert the whole area in another div to isolate the area even further but I just cant seem to figure out what is going wrong.
    Here is a link to browsershots to see what I am taking about, hope they are still available… http://browsershots.org/http://thesymptomsofdiabetes.com/
    Any and all help is very much appreciated.
    Thanks

    index.php from just after the body tag.

    Code:

    < ?php
    set_include_path($_SERVER['DOCUMENT_ROOT']);
    include_once("elements/header.php");
    ?>

    < ?php
    set_include_path($_SERVER['DOCUMENT_ROOT']);
    include_once("elements/navigation.php");
    ?>

    < ?php
    set_include_path($_SERVER['DOCUMENT_ROOT']);
    include_once("amazon/featured-amazon.php");
    ?>

    < ?php
    set_include_path($_SERVER['DOCUMENT_ROOT']);
    include_once("sidebars/main-sidebar.php");
    ?>

    Children’s Diabetes

    < ?php
    set_include_path($_SERVER['DOCUMENT_ROOT']);
    include_once("lists/childrens-diabetes.php");
    ?>

    Controlling Diabetes

    < ?php
    set_include_path($_SERVER['DOCUMENT_ROOT']);
    include_once("lists/controlling-diabetes.php");
    ?>

    Diabetes Diets

    < ?php
    set_include_path($_SERVER['DOCUMENT_ROOT']);
    include_once("lists/diabetes-diets.php");
    ?>

    Diabetes Facts

    < ?php
    set_include_path($_SERVER['DOCUMENT_ROOT']);
    include_once("lists/diabetes-facts.php");
    ?>

    Diagnosing Diabetes

    < ?php
    set_include_path($_SERVER['DOCUMENT_ROOT']);
    include_once("lists/diagnosing-diabetes.php");
    ?>

    Treating Diabetes

    < ?php
    set_include_path($_SERVER['DOCUMENT_ROOT']);
    include_once("lists/treating-diabetes.php");
    ?>

    Types of Diabetes

    < ?php
    set_include_path($_SERVER['DOCUMENT_ROOT']);
    include_once("lists/types-of-diabetes.php");
    ?>

    Diabetes News

    < ?php
    set_include_path($_SERVER['DOCUMENT_ROOT']);
    include_once("feeds/y-pipes-news.php");
    ?>

    < ?php
    set_include_path($_SERVER['DOCUMENT_ROOT']);
    include_once("elements/footer.php");
    ?>

    A standard page just after the body tag.

    Code:

    < ?php
    set_include_path($_SERVER['DOCUMENT_ROOT']);
    include_once("elements/header.php");
    ?>

    < ?php
    set_include_path($_SERVER['DOCUMENT_ROOT']);
    include_once("elements/navigation.php");
    ?>

    < ?php
    set_include_path($_SERVER['DOCUMENT_ROOT']);
    include_once("amazon/featured-amazon.php");
    ?>

    < ?php
    set_include_path($_SERVER['DOCUMENT_ROOT']);
    include_once("sidebars/main-sidebar.php");
    ?>

    COMPENSATION AND AFFILIATION AFFIDAVIT

    < ?php
    set_include_path($_SERVER['DOCUMENT_ROOT']);
    include_once("adsense/content-adsense.php");
    ?>

    Text For Document

    < ?php
    set_include_path($_SERVER['DOCUMENT_ROOT']);
    include_once("elements/footer.php");
    ?>

    If you would like me to paste in the css let me know, I kinda thought you could see with firebug so I left it out.

    # June 3, 2010 at 2:18 pm

    Change #main-sidebar to float: right;

    # June 3, 2010 at 3:41 pm

    Thanks Heaps,
    I was stuffing around with this for so long, I didn’t even look at the float on my sidebar, I even tried changing the width of my sidebar, and the solution was right under my nose the whole time.
    Thanks again, really appreciate your help..

    # June 3, 2010 at 4:04 pm

    I may have celebrated to soon, just checked in safari and the problem still exists, at least now it’s working in ff. (Scratch That It’s Now Working)

    # June 3, 2010 at 4:57 pm

    It looks fine in Safari on Mac and PC now.

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

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".