SitePoint Sponsor |
|
User Tag List
Results 1 to 5 of 5
Thread: Making this page work in IE7
-
Jul 19, 2006, 10:07 #1
- 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
-
Jul 19, 2006, 11:54 #2
- 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.
-
Jul 19, 2006, 12:05 #3
- 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
-
Jul 19, 2006, 12:10 #4
- Join Date
- Jan 2005
- Location
- Netherlands
- Posts
- 4,300
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Originally Posted by zcorpan
zcorpan is correct, (i mentioned short cut), PS if you can give elements a width or hight, they also get layout
-
Jul 19, 2006, 12:42 #5
- 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