CSS Float issues in IE7
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...
But that version needs A LOT of work. I'd prefer to just fix the top one instead.
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 ><.
Originally Posted by Kor
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.
Here's some screenshots of the breaks in action.
Bump. Any ideas anyone?
Originally Posted by Nimue
Users Browsing this Thread
There are currently 1 users browsing this thread. (0 members and 1 guests)