Simple CSS Image Gallery Problem

Discussion in 'Web Design and Development' started by corywoolf, Sep 9, 2009.

  1. corywoolf macrumors 65816


    Jun 28, 2004

    I am putting some finishing touches on a website I built with RapidWeaver and was wondering how to modify the CSS to make 2 rows of 5 images in the photo gallery instead of the current rows of 3 images. I tinkered with the CSS for about an hour tonight and kept getting strange results. I know it has to do with "Float" and "Clear", but I am having trouble figuring out how to do something that should be a simple fix. I have taken some basic XHTML and CSS coding courses, but that was 4 years ago...

    Anyone with some web development experience, could you please take a look and give some hints/tips on how to achieve this?

    Thanks in advance,

    - Cory

    Attached is the style sheet and html pages.

    Attached Files:

  2. nuxx macrumors member


    Jun 5, 2007
    Well, you've got a lot of CSS there but at a cursory glance I would suggest taking a look at the file 800.css where the declaration;

    #content { width: 550px; }
    is limiting the content area to a width of 550px.

    Try changing it to

    #content { width: 100%; }
    so it expands to fit the width of the parent element and allows 2 rows of 5 images.
  3. corywoolf thread starter macrumors 65816


    Jun 28, 2004
    Thanks a ton!

Share This Page