Hello all, I'm hoping I can get someone to help me correct this issue. I'm not sure what I"m doing wrong but i'm just now learning XHTML/CSS so bare with me. Please refer to: http://www.purplemartinsupply.com/products_complete.php If you look at that page in IE6 the dotted lines surrounding the products look fine. However, in Firefox and Chrome they are jacked up. Can someone help me with this? Also, since not all of my product images are going to be the same height, I would like to have all the text aligned horizontally. Is there an easy way to do this? Will I need to use a <li> / <ul> ? Thanks, -Travis T.
When you were designing that web page, which browser were you using to gradually test the look and progress of the page? By your question, I assume you were using IE6 to test the page. If so, I recommend you upgrade to a more modern browser and use the other browsers you mentioned to test your web pages during their building process. You may want to recreate the above webpage with the information below in mind. IE 6 is very buggy/non-standard compliant and can show large differences in web page rendering compared to more modern browsers. If you are using IE 6 on your system and using an XP+ operating system, I recommend you upgrade IE at least to IE 7 (with IE 8 being my top recommendation for IE users). Upgrading will provide security benefits as well as web development benefits. Although you may be a heavy IE user, you should use a more standard compliant browser in your web development process. Doing so, your website will look as expected in most/all standard compliant browsers (Safari/Chrome, Opera, Firefox, IE8*). I recommend using Google Chrome during your web development since you seem to already have it installed with periodic checking in Firefox. If your website does not look correct in IE7- browsers, then you can use IE conditional comments to solve the differences**. Microsoft, unlike with other browsers, makes it easy to fix IE specific bugs without messing up the look in other browsers with the implementation of conditional comments. * IE8 is more standard compliant than older versions of IE but not as standard compliant as the others mentioned and still may have some old IE problems. For simple websites(DOM minimal) built with the proper considerations, IE8 should not be a problem. ** Keep in mind that there are simple ways to avoid IE specific issues without messing up the look in other browsers and without IE conditionals. Some of these just require a simple change in the way you code. (For example: Avoid creating elements with both a padding and a width since IE will calculate the width differently. |Use a CSS reset.)