3 Column CSS with sidebars NEXT to each other?

Discussion in 'CSS' started by CalGuy, Oct 13, 2006.

  1. #1
    Does anyone know a good CSS template that has two fixed sidebars next to each other (preferably on the left side) with a fluid right side. It seems all 3 column layouts position the sidebars on the left and right side with content in the center.
     
    CalGuy, Oct 13, 2006 IP
  2. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #2
    
    #sidebar1,
    #sidebar2 {
        width: 150px;
        float: left;
        }
    
    #content {
        margin-left: 310px;  /*provide a gutter*/
        }
    =======
    <div id="sidebar1">
      <p>stuff</p>
    </div>
    <div id="sidebar2">
      <p>stuff>
    </div>
    <div id="content">
      <h1>Content</h1>
      <p>stuff</p>
    </div>
    Code (markup):
    cheers,

    gary
     
    kk5st, Oct 13, 2006 IP