PDA

View Full Version : Stretching images in tables to fit all browsers/resolutions



muffinboots
Nov 30th, 2008, 04:16 AM
Hi I'm making a website with photoshop for the first time and I ran into a problem. The website is designed as a 800x600 resolution so the bottom of my navigation column stops like mid-way of the page on computers that have a higher resolution. I'd just like the bottom image (home_08.gif) to stretch to the bottom of the page on every browser if that's possible. How can I achieve this? Thanks!

Here's the website so you can see the problem first hand: http://www.geocities.com/eddy.harrington

P.S. - Ignore the rollover images not working :D

drhowarddrfine
Nov 30th, 2008, 04:41 AM
Now, I was so proud of your last effort. Beautifully laid out, semantic markup with CSS styling and positioning but now...this. No doctype! Tables for layout! Quick! Find the glass slipper and change her back into a princess!

muffinboots
Nov 30th, 2008, 04:43 AM
I'm not sure what any of that means, but I'm pretty new to web design and I know its not the greatest but I'm learning! But really now, this is frustrating me and I have no idea what I'm doing. Is there a better way to approaching these types of designs? I'm so confused :confused:

effpeetee
Nov 30th, 2008, 11:30 AM
This site may help you. (http://www.hotdesign.com/seybold/)

Also there is much to see here. (http://www.exitfegs.co.uk/Sources.html)

Also, don't rely on WYSIWYG editors. They are useful to quickly see the effect of your code changes, but they themselves produce awful code and they do not always show you what the normal browsers will make of it. Generally speaking, develop your site using Firefox and then deal with any problem with the other browsers.

Validate your code (http://validator.w3.org/)regularly.

Frank

194673
Nov 30th, 2008, 11:48 AM
I believe that drhowarddrfine may have mistaken you for someone else.

Millenia
Nov 30th, 2008, 12:38 PM
If you didn't use tables for layout, you could use a fluid CSS layout.
Listen to Frank! :)

Here is a link to some example (and free) CSS fluid (liquid) layouts.
http://www.dynamicdrive.com/style/layouts/category/C13/