www.webdeveloper.com
Results 1 to 4 of 4

Thread: Floats causing problems in Internet Explorer

  1. #1
    Join Date
    Mar 2011
    Posts
    1

    Floats causing problems in Internet Explorer

    Hi,

    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
    Posts
    1,133
    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
    Location
    Europe
    Posts
    266
    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.
    R.,
    Frank

    Please report back how suggestions worked out.

  4. #4
    Join Date
    Aug 2011
    Posts
    5
    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



Recent Articles