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

CSS errors in Netscape 7.2 & Opera 8.51

P: 2
Hello!
I've created the following web site (http://www.vanpratthomes.com) and have found that the background in the right hand column and the bottom row with the company address, phone, etc. are not displaying as intended in Netscape 7.2 and Opera 8.51. Everything looks as it should in IE 6. (I realize I'm not using the latest version in all these browsers, but figure many other people aren't either.)

This is the code used in the right column table cell:
Expand|Select|Wrap|Line Numbers
  1. <td id="rightcolumn" width="125" valign="top"><img id="rtcolumnpicstop" src="images/home-exterior-125.jpg" width="125" height="155" alt="custom built homes" /><img id="rtcolumnpics" src="images/family.jpg" width="125" height="105" /><img id="rtcolumnpics" src="images/table-right.jpg" width="125" height="275" alt="custom woodworking" /><img src="images/spacer-trans.gif" width="1" height="100%" /></td>
  2.  
  3. This is the style for #rightcolumn:
  4. #rightcolumn {
  5.     background: #415821 url(images/right-green-stripes.jpg) repeat-y;
  6.     border-right: 5px solid #FFF;
  7.     }
  8.  
  9. The green striped background is not appearing in the right column below the pictures.
  10.  
  11. The bottom row of the page has the following code:
  12. <td id="footer" valign="top" colspan="3">2007 Van Pratt & Company, LLC. All rights reserved.<br />
  13. P.O. Box 221, Pine City, NY 14871 &nbsp;&nbsp;&nbsp;Phone: 607-732-3311<br />Web Site Design by <a href="http://www.julieburgess.com" target="_blank">Julie Burgess Web Design</a></td>
  14.  
  15. This is the style for #footer:
  16. #footer {
  17.     layered-background-color: #F8D163;
  18.     background-color: #F8D163;
  19.     border-top: 4px solid #FFF;
  20.     border-bottom: 4px solid #FFF;
  21.     border-right: 5px solid #FFF;
  22.     border-left: 5px solid #FFF;
  23.     padding: 5px 5px 5px 10px;
  24.     }
  25.  
I've done a lot of digging but haven't been able to find a solution that works. I read that Netscape only recognizes the property "border" and not "border-top, border-bottom, etc." I also read about the "border-collapse" property and tried some things with both of these. I'm just stumped! Any help someone can offer would be greatly appreciated!
Feb 13 '07 #1
Share this Question
Share on Google+
2 Replies


drhowarddrfine
Expert 5K+
P: 7,435
Your most serious errors are using the same id name more than once. You are only allowed one per page. If you must use the same style for multiple elements, use 'class'.

You have declared xhtml yet you are using deprecated elements. Validate your code for that list of errors.

Also, you can't use the ampersand in xhtml, technically. You should use &amp; But you aren't serving true xhtml so only the validator complains about it.

Never, ever use IE as your initial test case. Always, always use a modern browser, such as Firefox or Opera to check your pages. Then adjust for IEs quirks and bugs.
Feb 13 '07 #2

P: 2
I appreciate your feedback as you have shown me where I need to do some more learning! I have done some validation tests and am working on cleaning up my code and css. I still haven't solved the problem of the right column background not appearing but perhaps will get there as I continue to work on things. Thanks again!
Feb 21 '07 #3

Post your reply

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