How to fix odd IE behavoiur?

Discussion in 'HTML' started by Jim Higson, Sep 13, 2004.

  1. Jim Higson

    Jim Higson Guest

    I've been trying to work some fluid div-based layout into my pages to
    replace the old tables I used for the heading.

    See the heading on the page, try resizing the page:
    http://81.5.150.113/www.masmodels.com/snapshot/portfolio.en.html

    (nb - this is on my 'home' server but bandwidth should be ok - the pages are
    pretty small)

    This page works fine in Gecko, KHTML and Opera but is badly borked in IE.

    Some info:

    1) I'm using FIR to put an image in place of the h1, I know this is bad and
    will change it to another IR technique once I get layout working

    2) I know the PNGs won't be rendered properly in IE. I'm getting the layout
    right first, then I'll make IE some GIFs or use the PNG alpha hack.

    3) I'm using large negative margins to allow items to overlap. Ie, the
    dragon divs are 206 pixels wide, and I give them margin-right:206px; This
    means that the items should never wrap to the next line, but in IE they do.

    4) In IE the page is made very wide. No idea why!

    Can anyone can point to a fix for IE, or even explain why it is doing this?

    Ta,
    Jim
     
    Jim Higson, Sep 13, 2004
    #1
    1. Advertisements

  2. Jim Higson

    Jim Higson Guest

    Jim Higson wrote:

    >
    > I've been trying to work some fluid div-based layout into my pages to
    > replace the old tables I used for the heading.
    >
    > See the heading on the page, try resizing the page:
    > http://81.5.150.113/www.masmodels.com/snapshot/portfolio.en.html
    >
    > (nb - this is on my 'home' server but bandwidth should be ok - the pages
    > are pretty small)
    >
    > This page works fine in Gecko, KHTML and Opera but is badly borked in IE.
    >
    > Some info:
    >
    > 1) I'm using FIR to put an image in place of the h1, I know this is bad
    > and will change it to another IR technique once I get layout working
    >
    > 2) I know the PNGs won't be rendered properly in IE. I'm getting the
    > layout right first, then I'll make IE some GIFs or use the PNG alpha hack.
    >
    > 3) I'm using large negative margins to allow items to overlap. Ie, the
    > dragon divs are 206 pixels wide, and I give them margin-right:206px; This
    > means that the items should never wrap to the next line, but in IE they
    > do.
    >
    > 4) In IE the page is made very wide. No idea why!
    >
    > Can anyone can point to a fix for IE, or even explain why it is doing
    > this?
    >
    > Ta,
    > Jim


    Never mind, fixed this myself after a rethink. Anyone interested can check
    out the site on the proper server (URL above minus the IP) - it involved
    introducing a couple of extra divs, but works on IE now.
     
    Jim Higson, Sep 13, 2004
    #2
    1. Advertisements

Want to reply to this thread or ask your own question?

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. Patrick Philippot
    Replies:
    0
    Views:
    700
    Patrick Philippot
    Apr 14, 2006
  2. Xah Lee
    Replies:
    22
    Views:
    1,519
    Tim Roberts
    Mar 21, 2006
  3. Gutek
    Replies:
    9
    Views:
    553
    Pete Becker
    Apr 23, 2005
  4. Xah Lee
    Replies:
    23
    Views:
    1,416
    Tim Roberts
    Mar 21, 2006
  5. Michael Speer

    Odd behavior with odd code

    Michael Speer, Feb 16, 2007, in forum: C Programming
    Replies:
    33
    Views:
    1,493
    Richard Heathfield
    Feb 18, 2007
  6. Darrel
    Replies:
    3
    Views:
    332
    sloan
    Dec 31, 2007
  7. Xah Lee
    Replies:
    21
    Views:
    1,170
    Tim Roberts
    Mar 21, 2006
  8. Heinrich Mislik

    Strange behavoiur when passing $1 to a sub

    Heinrich Mislik, Oct 12, 2009, in forum: Perl Misc
    Replies:
    5
    Views:
    168
    Ilya Zakharevich
    Oct 17, 2009
Loading...