Advanced Search

Results 1 to 2 of 2

Thread: Removing 1 column from 3 column layout

  1. #1
    Join Date
    Oct 2006
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question Removing 1 column from 3 column layout

    Hi all,

    I'm using a free layout I found on an open source web templates site (cheating, I know )... It's really working out pretty well, except that I want to remove the right hand column on some pages, and I'm having a pretty rough time. I can pretty much edit out the column and contents, but I can't figure out how to stretch the center column to cover where the right hand column was. Ok that was a mouthful, hopefully you understand what I mean. The template I'm working on is here http://www.newtonpolice.org/test/ Any hints you could provide would sincerely be appreciated. Thanks!!

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    28,672
    Thanks
    43
    Thanked 3,125 Times in 3,091 Posts
    Blog Entries
    12

    Default

    Using these styles will disable the third column without even removing it from the markup:

    Code:
    #extras {
    float: right;
    width: 1px;
    margin: 0 0 0px 0;
    padding: 0;
    font-size: 1px;
    visibility:hidden;
    }
    
    #extras p {
    margin: 0 0 0 0;
    }
    
    #content {
      margin: 0 0 20px 160px;
      border-left: 1px solid #f0f0f0;
      border-right: 1px solid #f0f0f0;
      padding: 0 10px 0 10px;
      line-height: 1.6em;
      text-align: left;
    }
    If you remove the content and markup from the extras section, simply using the red highlighted style for #content selector should do the trick.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •