This page looks perfect in IE8, Chrome, and Firefox. But for my work we have to also support IE7, which ends up breaking horribly. Any ideas why? Thanks!
Alternatively I've begun rebuilding it and this is what I have so far...
Give all your list elements a certain width (the LI elements). And, as I see, your UL element has a smaller width (140px) than the inner A elements (142px). Not a bright idea. And you should rather use straight the display block (not inline-block) for those inner A elements. And give them a certain height as well.
To vertically center some text within a block elements you should rather give that element a line-height equal with the height of that element, not to play with padding. Idem for the horizontal position of the text - give that element rather a text-indent, not a padding.
Give all your list elements a certain width (the LI elements). And, as I see, your UL element has a smaller width (140px) than the inner A elements (142px). Not a bright idea. And you should rather use straight the display block (not inline-block) for those inner A elements. And give them a certain height as well.
To vertically center some text within a block elements you should rather give that element a line-height equal with the height of that element, not to play with padding. Idem for the horizontal position of the text - give that element rather a text-indent, not a padding.
This was mostly generated by dreamweaver, actually ><. I do all my coding by hand, but someone else in my department decided to redesign my version of the site (which is virtualcampus rather than virtualcampus2) so... Now I have to adopt her code ><.
Also, I made the changes (except the left/right padding as that broke things and isn't too relevant to my problem I don't think), but IE7 still breaks.
This was mostly generated by dreamweaver, actually ><. I do all my coding by hand, but someone else in my department decided to redesign my version of the site (which is virtualcampus rather than virtualcampus2) so... Now I have to adopt her code ><.
Also, I made the changes (except the left/right padding as that broke things and isn't too relevant to my problem I don't think), but IE7 still breaks.
Reply With Quote
Originally Posted by Kor
Bookmarks