I have a website that uses jQuery and AJAX There is a main Products page, and a subnav of product types. Each product page is two columns which are floated in the main area. In IE7, the products pages load (html AJAX), but the unordered list items have problems:
The text starts at the correct point, but the bullet images (default) are missing.
The text extends into the right column.
When the list is expanded the list items do not always take up the available width, so they produce a tall column of text that overlaps the text below.
I'm not sure if that is very clear. I put up a page to help show what the problems are. Any help would be GREATLY appreciated!
The second link (along with other parts of that guys site) is pretty much known as the go-to resource for IE issues. Don't be fooled by the old-school site design, the guy is clearly more technically minded and does a helluva job explaining the problems and fixes. There's a million other resources for dealing with IE bugs but these should help you with most anything.
Well they look just the same to me in FF as in IE on VMWare. So to be more specific to your problem, exactly which browser and which OS are showing you this?
I'm not sure if that is very clear. I put up a page to help show what the problems are. Any help would be GREATLY appreciated!
Test Page
Also, I am trying to find a good reference for IE's CSS bugs (kind of like a cheat sheet). Any ideas?
Thanks!!!
Emily
Screenshots
1. IE CSS Bugs That'll Get You Every Time - CSS Tricks
2. IE Bug Explorer - PositionIsEverything.net
The second link (along with other parts of that guys site) is pretty much known as the go-to resource for IE issues. Don't be fooled by the old-school site design, the guy is clearly more technically minded and does a helluva job explaining the problems and fixes. There's a million other resources for dealing with IE bugs but these should help you with most anything.