Results 1 to 4 of 4

Thread: CSS layout - margin problems

  1. #1
    Join Date
    Jan 2011
    Posts
    13
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default CSS layout - margin problems

    I am trying to create a gallery for a friend of mine and can't understand why my images will not go across the main column, it seems as if it is a 3 column layout instead of a two column website. The domain is here: http://www.smiths-houseclear.co.uk/portfolio.html and the css is here:
    http://www.smiths-houseclear.co.uk/house-clear.css I meant to say that I require 4 images on each line.

    Plus the images are overlapping, suspect that's the same problem though. I have successfully created these sort of galleries before, but seem to have lost the plot with this one. Any help would be greatly appreciated.

    Susie

  2. #2
    Join Date
    Mar 2010
    Location
    Florida
    Posts
    341
    Thanks
    5
    Thanked 33 Times in 31 Posts

    Default

    try this:
    Code:
    #contentcolumn{
    margin: 0 180px;
    width: 80%;
    
    }
    
    #leftcolumn{
    float: left;
    width: 20%; /*Width of left column in pixel*/
    margin-left: -872px; /*Set margin to that of -(MainContainerWidth)*/
    background-color: #ffffff;
    border-top: 2px solid #53ACE0;
    border-right: 2px solid #53ACE0;
    border-bottom: 2px solid #53ACE0;
    }

  3. #3
    Join Date
    Jan 2011
    Posts
    13
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default Margin problems CSS

    Thank you so much, it is fine now, better idea working with percentages.

    Cheers Susie

  4. #4
    Join Date
    Mar 2010
    Location
    Florida
    Posts
    341
    Thanks
    5
    Thanked 33 Times in 31 Posts

    Default

    Yep no problem

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
  •