WordPress.org

Ready to get started?Download WordPress

Forums

Sandbox 3 column layout (1 post)

  1. davidcoull
    Member
    Posted 6 years ago #

    I am a novice, and am trying to develop a three column site using the sandbox three column layout below, which I have copied into the theme and replaed the exisiting CSS with the following: - whilst the css renders fine as a three column in both Firefox and IE, in IE when clicking on a page in the sidebar, the page header in the sidebar jumps a little to the left in IE, but which not in Firefox? - I have not added anything other than the basic code below.

    Please could someone help?

    many thanks

    David

    /*
    LAYOUT: Three-Column
    DESCRIPTION: Three-column fluid layout with two sidebars on both sides of content
    */
    div#container {
    float: left;
    width: 100%;
    }
    div#content {
    margin: 0 200px;
    }
    div.sidebar {
    float: left;
    overflow: hidden;
    width: 180px;
    }
    div#primary {
    margin: 0 0 0 -100%;
    }
    * html div#primary {
    left: 20px;
    position: relative;
    }
    div#secondary {
    margin: 0 0 0 -200px;
    }
    div#footer {
    clear: left;
    width: 100%;
    }

Topic Closed

This topic has been closed to new replies.

About this Topic