Please have a look at this page and tell me why its happening???

Discussion in 'Web Design and Development' started by anim8or, Jul 1, 2008.

  1. anim8or macrumors 65816

    anim8or

    Joined:
    Aug 16, 2006
    Location:
    Scotland, UK
    #1
    Hello all,

    I am a fairly novice web designer i know simple html, not much css and use dreamweaver....

    My problem lies with one page on a site i am working on.

    http://www.trevorjonesart.com/abstract.html

    On Safari and FF it displays correctly but on IE7 it goes a bit skewif!!

    Please can someone have a look and see if they can see what i have done so wrong?

    PS I know my coding is messy please have pity on me!

    Thanks in advance.
     
  2. 66217 Guest

    Joined:
    Jan 30, 2006
    #2
    If you could at least tell us where is it going wrong. Most of the people here have Macs, and consequently Safari or Firefox. So we can't see were the error is happening.:)

    And the code doesn't helps much to find it neither.:p
     
  3. SRSound macrumors 6502

    Joined:
    Jun 7, 2005
    #3
    What code/plug-in are you using to make the pictures "appear" above the page like that? Do you have a screenshot of the site in IE?
     
  4. anim8or thread starter macrumors 65816

    anim8or

    Joined:
    Aug 16, 2006
    Location:
    Scotland, UK
    #4
    Hi thanks for replies.....

    I only have a mac too.... not installed Boot Camp yet and therefor when i debug the site i have to wait until i get to work to check the windows versions.

    I don't have a screenshot presently i will try and grab one tomorrow at work.

    Basically i have a few gallery pages and they are all fine and display correctly except the one linked above.... which is fine in Safari and FF but in IE7 the tabular layout is all wrong the columns are all over the place not in line vertically.

    Like you said the code doesn't seem to allude to any problems but i must have done something for this to happen?
     
  5. Cabbit macrumors 68020

    Cabbit

    Joined:
    Jan 30, 2006
    Location:
    Scotland
    #5
    http://ipinfo.info/netrenderer/index.php

    Type the wed address into here for a screen shot. I recommend web devs to at least use this or wine at minimal with preference of a actual windows computer with a 17 inch CRT screen and 17 inch TFT screen over VGA at 1024x768 16 bit.

    After looking though the code the problem would seem to be the amount of tables inside tables and very poor coding. You will need to clean it up and simplify the code, for this design i would use a table only for the layout of the images but even then a table is unnecessary as you can easily use CSS to accomplish the same result with less code.
     
  6. dejo Moderator

    dejo

    Staff Member

    Joined:
    Sep 2, 2004
    Location:
    The Centennial State
    #6
    Looks like the width and height you have set for the <table> are conflicting with the widths and heights you have set for the <td>s. I'd remove those and either control things more through cellpadding / cellspacing or, better yet, through CSS classes.
     

Share This Page