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
    Regular Coder
    Join Date
    Dec 2002
    Location
    Minneapolis, MN
    Posts
    208
    Thanks
    0
    Thanked 1 Time in 1 Post

    IE CSS bug work around help

    Hey, I was trying to transform an existing table layout into a non-table layout (using DIVs and such). I have the layout looking fine and working good in mozilla, but in IE 6 it messes up a little bit.

    The page looks fine with the window opened wider than the page content, but as soon as you resize the window to a size smaller than the content, my DIVs shift around a bit.

    Now, I know IE is buggy when it comes to CSS but I also know that there are hacks to make IE work a little better.

    What I am asking of you all, is a little help in correcting this resize problem I am having in IE.

    The page can be found here: http://www.ez4me2c3d.com/user_made.php

    Thanks
    anthony

  • #2
    Senior Coder
    Join Date
    Jun 2002
    Location
    The Netherlands, Baarn, Ut.
    Posts
    4,253
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Widths and such

    Seems to be a width problem; as far as I know, IE6 implements the correct CSS box model, but since you've set some of your divs to fixed widths, and use relative measurements here and there too, it's hard to figure where exactly it goes wrong.
    You could make your boxes more visible by coloring their background; also, try to be conservative with widths and other measurements (margin, padding) at first to see if that eleviates the problem. Once the layout behaves as it should you can start tweaking.
    Have two fixed witdh boxes next to eachother is bound to behave strangely in smaller windows, though; consider making your content box fluid.

    P.S. Great job on semantic coding there! Just whack on a doctype so you can validate your source, too.
    Oh, wait, that's probably what throws IE6 in quirk's mode! Définitely add a doctype (XHTML1.0 strict should do nicely) and see what happens.
    Last edited by ronaldb66; 02-06-2004 at 11:40 AM.
    Regards,
    Ronald.
    ronaldvanderwijden.com

  • #3
    Regular Coder
    Join Date
    Dec 2002
    Location
    Minneapolis, MN
    Posts
    208
    Thanks
    0
    Thanked 1 Time in 1 Post
    Thanks for the input, but I have tried that already with no success. It just bothers me that mozilla displays it fine and IE doesn't. As far as I know, the code isn't faulty, I'm almost positive its the browsers fault.

    Anyway, if anyone else wants to give it a shot, you can also edit the page here: http://www.ez4me2c3d.com/user_edit.php

    Thanks again
    anthony


  •  

    Posting Permissions

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