1. Computer problem? Tech Support Guy is completely free -- paid for by advertisers and donations. Click here to join today! If you're new to Tech Support Guy, we highly recommend that you visit our Guide for New Members.

Solved: How would you layout a Fluid gallery? That's centered when browser resize

Discussion in 'Web Design & Development' started by soaringxh3n, Dec 9, 2011.

Thread Status:
Not open for further replies.
Advertisement
  1. soaringxh3n

    soaringxh3n Thread Starter

    Joined:
    Aug 25, 2004
    Messages:
    102
    Hi guys! I need some help!

    My "Coming Soon" gallery isn't quite as organized as I like. :confused:

    Most of my elements are width: 100% and all of them are great, except for my "Coming soon" gallery. When resized smaller the gallery shifts to the bottom and the space left makes the gallery look very unorganized.

    How should I fix this? or how would you go about laying out this gallery?

    Thanks so much for looking!
     
  2. colinsp

    colinsp

    Joined:
    Sep 5, 2007
    Messages:
    2,302
    First Name:
    Colin
    Looks fine to me in Firefox.
     
  3. wolfworx

    wolfworx

    Joined:
    Oct 2, 2001
    Messages:
    1,227
    I use a table layout for things like this. It provides a grid-work of cells that gives me positional control of both the grid and grid cell content.
     
  4. colinsp

    colinsp

    Joined:
    Sep 5, 2007
    Messages:
    2,302
    First Name:
    Colin
    BUT tables are not suitable for a fluid layout nor are they the recommended way of laying out page styling. I suspect that if you are seeing problems in a particular browser (probably IE) you are falling foul of the CSS Box Model and probably need some tweaks to your CSS.
     
  5. soaringxh3n

    soaringxh3n Thread Starter

    Joined:
    Aug 25, 2004
    Messages:
    102
    Thanks guys! I've actually decided on a fixed-width layout for this small project because it's much more simple. Once I get more experience with media queries and fluid grids/layouts then I'll switch over.
     
  6. Sponsor

As Seen On
As Seen On...

Welcome to Tech Support Guy!

Are you looking for the solution to your computer problem? Join our site today to ask your question. This site is completely free -- paid for by advertisers and donations.

If you're not already familiar with forums, watch our Welcome Guide to get started.

Join over 733,556 other people just like you!

Loading...
Similar Threads - Solved layout Fluid
  1. mosassas
    Replies:
    2
    Views:
    653
Thread Status:
Not open for further replies.

Short URL to this thread: https://techguy.org/1030516

  1. This site uses cookies to help personalise content, tailor your experience and to keep you logged in if you register.
    By continuing to use this site, you are consenting to our use of cookies.
    Dismiss Notice