PDA

View Full Version : Tables aligned in the middle


javapro
04-05-2005, 03:55 AM
hi. I'm have troubles getting everything on this webpage to vertically align in the middle.

www.dragenphotography.com

it looks fine when viewed in 1024x768, but there is a HUGE space on the bottom if it is viewed in a higher resolution or if it is viewed in "Full Screen" mode in IE.

I've been trying everything to get this thing to align in the middle, but i just can't get it to budge.

any suggestions???

thanks

metaph0r
04-05-2005, 09:18 AM
hi. I'm have troubles getting everything on this webpage to vertically align in the middle.

www.dragenphotography.com

it looks fine when viewed in 1024x768, but there is a HUGE space on the bottom if it is viewed in a higher resolution or if it is viewed in "Full Screen" mode in IE.

I've been trying everything to get this thing to align in the middle, but i just can't get it to budge.

any suggestions???

thanks



On my work PC (windows IE), I played around with the tables, and from what I can see, you have a row where "site designed by adam lange" is that expands vertically as well as your main graphical navigation table (which includes the title). What this means is that when i make the window bigger, the extra space is split between two cells -- above the title and above "site designed by adam lange"

You probably meant for the "site designed by adam lange" to be fixed in the bottom right, but that's not the case -- when I increase the window, there is an increasing amount of space UNDER that row as well as above it.

Translation: as the window gets larger, the space UNDER your navigation graphics will always get BIGGER than the space above it.... and your graphic will not sit in the middle (like you intended).

I don't think most people view websites in fullscreen mode with high resolution monitors, but if you want to shave off some of that effect -- i would fix the height of the "site designed by adam lange" row, at least. Or at least fix the height and width of a single table that your existing table will nest in, and customizing the appropriate cells so that your content remains vertically and horizontally centered while the table around them expands to meet the browser. Make sense?

I'm not the most experienced HTML person by far, so you'll have to make due without the technical explanation from me, at least. =)