Results 1 to 4 of 4

Thread: Help? IE7 - site header displaying differently

  1. #1
    Join Date
    Oct 2006

    Question Help? IE7 - site header displaying differently

    Good evening all - our site:

    was designed about a month ago - we just installed IE7 today and the header of our site has a white line displaying horizontally through the middle of it.


    Does anyone know why this is happening? Is there a fix for it?


  2. #2
    Join Date
    Nov 2002
    Baltimore, Maryland
    Quote Originally Posted by g1tech
    Is there a fix for it?
    Firefox, and a good bit of praying that everybody will abandon MSIE.
    “The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect.”
    —Tim Berners-Lee, W3C Director and inventor of the World Wide Web

  3. #3
    Join Date
    May 2005

  4. #4
    Join Date
    Feb 2003
    Michigan, USA
    Couple of things come to mind. 1) The image that contains everyone's head has a gap below it caused by the descendor zone of the text line (since IMG tags are inline elements and are rendered in a text line). This gap can be removed by aligning the IMG vertically to the bottom. In CSS: vertical-align: bottom; in the CSS declaration for that IMG. Setting the IMG's display CSS property to block may also do the trick. 2) Internet Explorer may just need the hasLayout DOM property tripped on the element that contains the IMG tag. The zoom: 1; CSS property and value is all it takes to trip hasLayout in IE-Win.

    Most likely, you're problem stems from #1 and you just need to vertically align the image to the bottom or set its display to block.

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