Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 6 of 6
  1. #1
    New to the CF scene
    Join Date
    Nov 2008
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Stretching images in tables to fit all browsers/resolutions

    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

  • #2
    Senior Coder
    Join Date
    Oct 2005
    Posts
    1,340
    Thanks
    0
    Thanked 61 Times in 60 Posts
    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!

  • #3
    New to the CF scene
    Join Date
    Nov 2008
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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

  • #4
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    This site may help you.

    Also there is much to see here.

    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 regularly.

    Frank
    Last edited by effpeetee; 11-30-2008 at 11:37 AM.
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • #5
    Regular Coder
    Join Date
    Dec 2006
    Posts
    166
    Thanks
    9
    Thanked 4 Times in 4 Posts
    I believe that drhowarddrfine may have mistaken you for someone else.

  • #6
    Regular Coder
    Join Date
    May 2008
    Location
    Lost in Localhost...
    Posts
    702
    Thanks
    3
    Thanked 43 Times in 42 Posts
    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/


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •