Results 1 to 4 of 4

Thread: Floats causing problems in Internet Explorer

  1. #1
    Join Date
    Mar 2011

    Floats causing problems in Internet Explorer


    I've got this website nearly complete but I'm struggling with one issue - and this issue only appears to happen in Internet Explorer.

    The "Call Us" number in the header on the top right is not aligned properly in Internet Explorer but works fine with Firefox, Chrome, and Safari. I know there is an issue with floats and IE but I'm not able to figure this one out and was hoping I could get some assistance here.

    Really appreciate the help, thank you.

  2. #2
    Join Date
    Mar 2011
    It's not the float. .head4 selects a font family that IE doesn't recognize, so it falls back to the last font-family setting, which causes an overflow. Add substitute font-family choices and you should have better luck.

  3. #3
    Join Date
    Feb 2008
    Amsterdam, The Netherlands
    It's not the float.
    I think it is, at least in part. To get cross-browser rendering, floats have to be maintained (=repeated) or cleared. Div.head3 still has a float, but div.head4 has nothing. I would suggest to give that a clear:left.
    How to: Target IE in, Position in, Center in, Create a Fixed ('Sticky') Footer with, and Create a Drop-Down/Fly-Out Menu with CSS: Website Laten Maken Amsterdam.

  4. #4
    Join Date
    Aug 2011
    I can give you some tips on how to setup what you did better, I couldn't figure out how to solve based on what I looked at but I can see why IE is throwing issues.

    I would also look into using Javascript to pull off the flash animation effect

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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