SitePoint Sponsor

User Tag List

Results 1 to 10 of 10
  1. #1
    SitePoint Member
    Join Date
    Dec 2008
    Posts
    3
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    IE7 slow down with a Doctype

    Hi all,

    We had a Sharepoint Site that doesn't contain a DOCTYPE, so generated some problems with CSS rules. We put XHTML 1.0 doctype and the CSS works perfectly but on Internet Explorer 7 the site slow down a lot, the hovers, scrolls take too long to react and the Mem Usage of IE increases.

    Firefox doesn't have any problems.

    I don't know if there are some details that I'm missing for IE to run with no problems with that DOCTYPE, the use of certain CSS rules or html structure. We also try with HTML 4 (changing the code for this type) and give us the same problems.

    Any comment is well received.

    Thanks

  2. #2
    In memoriam gold trophysilver trophybronze trophy Dan Schulz's Avatar
    Join Date
    May 2006
    Location
    Aurora, Illinois
    Posts
    15,476
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Do you have a link to the site in question?

  3. #3
    SitePoint Member
    Join Date
    Dec 2008
    Posts
    3
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I wish I had, but the page is internal.

  4. #4
    In memoriam gold trophysilver trophybronze trophy Dan Schulz's Avatar
    Join Date
    May 2006
    Location
    Aurora, Illinois
    Posts
    15,476
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Can you post the code here then? (Stripping out any actual page content and replacing it with lorem ipsum filler if necessary, of course.)

  5. #5
    SitePoint Enthusiast
    Join Date
    Nov 2008
    Posts
    65
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Does your (x)HTML for the page in question validate? By including a document type declaration you're telling user agents that the web page conforms to a particular document type definition (DTD). The W3C validator will test your page for conformance with the DTD you've declared. You can also use the W3C CSS validator to uncover errors in your CSS file.

  6. #6
    SitePoint Member
    Join Date
    Dec 2008
    Posts
    3
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks for the help,

    I put the code in the validator and some code came with errors, I will try to fix them and then if that doesn't help try to post some code.

  7. #7
    SitePoint Member
    Join Date
    Sep 2009
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hello,

    I'm having the same problem. Now i validated my CSS but my HTML does have some errors. Assuming these errors stays as is, is this what's causing the slowness? Is there a workaround?

    Thanks

  8. #8
    SitePoint Member
    Join Date
    Sep 2009
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Just a side note,

    The main problem in my page is the slowness of the interaction. For example hovering over buttons (mouseover and mouseout) should cause the background of the images to flip. This is taking considerable amount of time. The drop down list on my page are also slow in terms of opening up and scrolling through them...In general it's as if IE is running something in the background and every action i do on the page is being delayed by a couple of seconds...

  9. #9
    SitePoint Member
    Join Date
    Sep 2009
    Posts
    10
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    - When you say that your HTML has "some errors"... is it something like 5-10 or more?

    - Consider using sprites for the hover effect.

    As long as your code is clean, there is no reason that a proper doctype would slow your code. I mean... usually being in quirk mode should be slower.

  10. #10
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,341
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    IE7 is notoriously slow on hover when in standards mode especially if you have large tables with large amounts of data where table rows are being hovered.

    http://social.msdn.microsoft.com/For...f-3b30c4b6783c
    https://connect.microsoft.com/IE/fee...&wa=wsignin1.0
    http://jdarren.wordpress.com/2009/01...-in-ie7-sucks/

    One fix that can work depending on situation is to add position:relative to the hovered element (where appropriate).

    e.g.
    Code:
    tr:hover {position:relative;background:red}
    (Haslayout is not an issue here.)


Tags for this Thread

Bookmarks

Posting Permissions

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