471,598 Members | 1,162 Online
Bytes | Software Development & Data Engineering Community
Post +

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 471,598 software developers and data experts.

CSS and IE7 problems

Hi there,

I am really hoping someone out there can help me. I have found that my site doesn't display properly in IE7 or Firefox. I don't get a vertical scrollbar on the browser window. Also I seem to have another problem where all the page elements aren't placing themselves properly and the #wrap div seems to be setting itself as only 190px high!! I am baffled! Please help!

Below is the CSS, and here's the URL www.art2murals.com

Thanks in advance :o)

/*
CSS for Sue Groom Fine Art Studio
*/
Expand|Select|Wrap|Line Numbers
  1. h1     {font-family: "Comic Sans MS"; font-size: 36pt; font-weight: bold; text-align:center; color: #FF0033;}
  2.  
  3. h2  {font-family: "Comic Sans MS"; font-size: 24pt; font-weight: bold; text-align:center; color: #660066;}
  4.  
  5. h3  {font-family: "Comic Sans MS"; font-size: 14pt; font-weight: bold; text-align:center; color: #660066;}
  6.  
  7. body     {font-family: "Comic Sans MS"; font-size: 14pt; color: #660066;}
  8.  
  9.  
  10. /*
  11. Links
  12. */
  13.  
  14.  
  15. a     {font-weight:bold; color: #FF0033; text-decoration: none }
  16.  
  17. a:link {color: #FF0033; text-decoration: none; font-weight:bold }
  18.  
  19. a:visited {color: #660066; text-decoration: none; font-weight:bold }
  20.  
  21. a:hover {color: #00B1AE; text-decoration: none; font-weight:bold }
  22.  
  23. a:active {color: #FF33CC; text-decoration: none; font-weight:bold }
  24.  
  25.  
  26.  
  27. /*
  28. Footer link colours
  29. */
  30.  
  31. #footer a {font-weight:bold; color: #FFFFFF; text-decoration: none }
  32.  
  33. #footer a:hover{font-weight:bold; color: #00B1AE;}
  34.  
  35.  
  36.  
  37.  
  38. /*
  39. Nav bar
  40. */
  41.  
  42.  
  43. #navigation ul{margin:0;padding:0;list-style:none; text-decoration: none;}
  44.  
  45. #navigation a{display:block;width:9em;}
  46.  
  47. #navigation a:hover{background:#B0E0E6;}
  48.  
  49. #navigation li{float:left; width:9em; }
  50.  
  51. #navigation li ul{position:absolute; width:9em; left:-999em; background:#B0E0E6;}
  52.  
  53. #navigation li:hover ul{display:block; left:auto;}
  54.  
  55. #navigation li:hover ul, #nav li.sfhover ul {left:auto; background:#B0E0E6;}
  56.  
  57.  
  58. /*
  59. positioning
  60. */
  61.  
  62. #wrap         {position:fixed; left:0px; top:0px; background:url(red.jpg); width:930px; padding:20px 20px 10px 20px;}
  63.  
  64. #sitebranding      {position:fixed; left:20px; top:20px; width:725px;}
  65.  
  66. #navigation     {position:relative; left:0px; top:140px; background-image:url(navjungle.jpg); width:175px; height: 560px; float:left; }
  67.  
  68. #bodycontent     {position:relative; left:20px; top:140px; background:#B0E0E6; overflow:scroll; width:691px; height:530px; padding: 20px 20px 10px 20px; }
  69.  
  70. #footer         {position:relative; top:670px; color: #FFFFFF; text-align:center; width:725px; font-weight: bold; font-size:14pt; padding:30px 25px 5px 25px; }
Sep 16 '07 #1
3 2370
drhowarddrfine
7,435 Expert 4TB
Validate and fix your 36 html errors and two css errors first. Also, the "Comic Sans" font is not available on all computers.

Showing the css alone means nothing but the link is what helps best.
Sep 16 '07 #2
I see you are using ID instead of classes. This method in my experience will cause more problems across-browsers. You should consider using classes and relative margins for your design.
Sep 19 '07 #3
drhowarddrfine
7,435 Expert 4TB
I see you are using ID instead of classes. This method in my experience will cause more problems across-browsers. You should consider using classes and relative margins for your design.
There is nothing wrong with using ids cross-browser.
Sep 20 '07 #4

Post your reply

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

Similar topics

reply views Thread by Jerome Lefebvre | last post: by
14 posts views Thread by Jim Hubbard | last post: by
5 posts views Thread by Corky | last post: by
2 posts views Thread by Ellen Graves | last post: by
reply views Thread by Sergistm | last post: by
reply views Thread by leo001 | last post: by
reply views Thread by Anwar ali | last post: by

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.