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 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Jan 2007
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Table Variation Between FF and IE

    Hey all, this is my first post here. I hope you can help me out. I'm creating a template page for my new site layout. I use FireFox, and as I was building it, it looked just fine there, but now that it's done I tested it in IE6 and the tables don't seem to be right. There's a lot of whitespace between certain cells and I can't figure out why. Here's how each looks:

    FireFox display:


    IE6 display:


    If anyone can give me a hand with getting this to look right in IE, that'd be really great. I'll attach the html file I'm using. It's just template so far, so there's not much to it. (I tried to attach the whole directory, but it's too big.)

    Thanks in advance!
    Attached Files Attached Files

  • #2
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,702
    Thanks
    6
    Thanked 1,011 Times in 984 Posts
    Hello and welcome Verran,

    You don't have to post files, you can just put your code here in between [code][/code] tags (or by pressing the small '#' button in the reply window). Even better is to have the file(s) in question online somewhere for the ease of checking the source code in conjunction with some potentially mandatory images (which are missing in the zip file you posted).

    Now to the actual problem:

    The question is why you are using tables at all? I don't see any tabular data. And tables for the entire layout of your website is a very, very, very bad practice (besides being a method from 10 years ago). If not the creation then at least the maintenance will be a lot easier with semantic HTML and CSS.

    I took the liberty to come up with a quick example using your graphics.
    It looks good in Firefox but I couldn't test it in IE so there might be some minor things to fix (especially since I'm using direct positioning for the corner graphics). Also the graphics aren't of good quality as the whole thing is just for demonstration. But it should give you a basic idea and you're free to build your site on this.

    Hope you learn something from it.
    Attached Files Attached Files

  • #3
    New to the CF scene
    Join Date
    Jan 2007
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thank you SO much for the example. I'm DEFINATELY learning from it. Mostly, I'm learning there's a LOT better ways to do what I'm trying to do. The layout you made is perfect. Now I just want to pick it apart and actually understand what you're doing with the styles. It's probably going to take me a while, but I want to be able to make sense out of it so I can replicate it myself.

    Thanks again for the help. I really appreciate it. The way you're doing it is a lot cleaner and makes for better functionality too!


  •  

    Posting Permissions

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