...

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



muffinboots
11-30-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
11-30-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
11-30-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
11-30-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
11-30-2008, 11:48 AM
I believe that drhowarddrfine may have mistaken you for someone else.

Millenia
11-30-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/



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum