I am trying to create a web page that utilizes the entire screen for any screen size. I have a series of five buttons distributed below the banner and above the main content. I would like to distribute these five buttons evenly across this div. Except that the width of this div will expand and contract depending on screen size and resolution.
I found this link yesterday, but it didn't seem like a quick fix so I skipped it in hopes someone knew a quicker way.
I suppose the quick and dirty way to do it would be to create a one row table, setting the width to 100% and then setting each column's width to 100%/(the number of columns). Don't forget to center your text.
I'm sure if you ask in the html or css forum you'll get a better answer than that and I'm sure in some cases the above won't work (like for example if the length of your button is greater than the column width)
The buttons are inline elements rather than box. They are not in a div of their own. I could give them each their own div.. But how would floating them help me? Whats to stop them from just floating up against each other?
Thanks for the reply. That works if the images are all the same size. However mine are all different. I am giving up trying to create a page that goes across the screen. Just don't have the chops for it yet.
