Sandbox 3 column layout (1 post)

  1. davidcoull
    Posted 8 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


    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