SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Enthusiast dmaui's Avatar
    Join Date
    Jun 2004
    Location
    sanford, florida
    Posts
    25
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Making this page work in IE7

    I am working on revising the html/css on this page so that it works for IE7. I used Cleva Treva's 3 column layout as a jumping off point. It looks fine in Firefox and IE6, but when I looked at it in IE7 beta 3...well, let's say it needs work. The search box is wonky (will work on that on my own), but my main problem is getting the footer down where it belongs.

    Here is my prototype page:
    http://www.bittermanscales.com/html/june06redesign.php

    and here is the link to my css:
    http://www.bittermanscales.com/html/css/main.css
    supplemental css for ie:
    http://www.bittermanscales.com/html/css/ie.css
    supplemental css for left nav:
    http://www.bittermanscales.com/inclu...s/css/tree.css

    If there's something that one of the css experts here see quickly as the problem, I'd appreciate the help. I don't expect any deep digging, but if I'm missing something obvious, please post.

    Thanks for the help.
    M A U I M E D I A :: custom web design

  2. #2
    Non-Member
    Join Date
    Jan 2005
    Location
    Netherlands
    Posts
    4,300
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hello

    A page going down in IE 7 means ( 99% ) that something has no layout there are two ways to corect this give it layout by display:inline-block; or zoom:1; try the short cut
    * {zoom:1;}

    hacked
    *+html .yourclassorid{display:inline-block;} or
    *+html * {zoom:1;}
    Last edited by all4nerds; Jul 19, 2006 at 12:26.

  3. #3
    bronze trophy
    Join Date
    Dec 2004
    Location
    Sweden
    Posts
    2,670
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    But you don't want hasLayout on all elements. For instance, it breaks the numbering of ordered lists. Only apply hasLayout when it is needed.
    Simon Pieters

  4. #4
    Non-Member
    Join Date
    Jan 2005
    Location
    Netherlands
    Posts
    4,300
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by zcorpan
    But you don't want hasLayout on all elements. For instance, it breaks the numbering of ordered lists. Only apply hasLayout when it is needed.
    Hello

    zcorpan is correct, (i mentioned short cut ), PS if you can give elements a width or hight, they also get layout

  5. #5
    SitePoint Enthusiast dmaui's Avatar
    Join Date
    Jun 2004
    Location
    sanford, florida
    Posts
    25
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks for the comments - they got me going in the right direction. Didn't know about the haslayout ie "feature" - I am definitely still learning - guess always learning and more to learn now that ie7 is looming.

    I had my #outer height set to 100% in ie.css and changed it to min-height and that seems to have fixed the page issue.

    Thanks, all.
    M A U I M E D I A :: custom web design


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
  •