By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
440,584 Members | 1,750 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 440,584 IT Pros & Developers. It's quick & easy.

Problems with IE7 not responding to external style sheet

P: 2
I have been having problems with IE 7 not responding to changes in the style sheet it is linked to. My problem is that my site looks good in Firefox, and was looking good in ie7 via an [if IE 7] statement linking to an ie7.css page. I then created a ie.css page for other versions of ie to get ie6 looking ok using [if lte IE 6] and link. Now I have the layout I want for ie6 and firefox, but ie7 has a gap between the navbar and the body, and nothing i change in my ie7.css sheet will affect it. I have tried removing the [if lte ie6], but that does not work. I have looked for two days now for something on the web related to this problem and have had no luck. If you have any idea's, please help. Thanks.

Here is the link to the site:
http://www.diamondpool.com/dpspages.shtml

And here is the ie7.css file:
Expand|Select|Wrap|Line Numbers
  1. html
  2. {height: 100;}
  3.  
  4. #body 
  5. {
  6.     position: relative;
  7.     top : -10px;
  8.     background : #b0e2ff;
  9.     border : solid;
  10.     border-width : 1px;
  11.     border-top : none;
  12.     width : 872px;
  13. }
  14.  
  15. #center 
  16. {
  17.     top : -23px;
  18.     background : #eeeeee;
  19.     border : solid;
  20.     border-width : 1px;
  21.     border-top : none;
  22.     border-bottom : none;
  23.     width : 483px;
  24. }
  25.  
  26. #left 
  27. {
  28.     float : left;
  29.     width : 150px;
  30.     padding-left : 10px;
  31.     text-align : left;
  32.     height : 100%;
  33. }
  34.  
  35. #right 
  36. {
  37.     float : right;
  38.     width : 150px;
  39.     padding-right : 10px;
  40.     text-align : right;
  41.     height : 100%;
  42. }
  43.  
  44. #bottom 
  45. {
  46.     position : relative;
  47.     bottom : 29px;
  48. }
  49.  
  50. #centertext 
  51. {
  52.     margin : 2px;
  53.     text-align : justify;
  54.     color : #666666;
  55.     font-family : arial;
  56.     font-size : 100%;
  57. }
  58.  
Any help would be greatly appreciated!
Aug 22 '07 #1
Share this Question
Share on Google+
2 Replies


drhowarddrfine
Expert 5K+
P: 7,435
html
{height: 100;}

100 what? You missed the percent sign but it doesn't matter because html, by default, is 100% height and width.

You have two doctype declarations and its associated header files.
Aug 22 '07 #2

P: 2
Thanks. Ok, so I added the %, and removed one of the doctype declarations. Still IE7 doesn't recognize changes made in ie7.css. Do i have my [if] statements in the right order and will they all work together? I'm thinking it must be something on the page itself because the .css page is very similar to the other two i'm using for other browsers. Anything else that looks wrong?
Aug 22 '07 #3

Post your reply

Sign in to post your reply or Sign up for a free account.