dcsimg
www.webdeveloper.com
Results 1 to 4 of 4

Thread: CSS Float issues in IE7

  1. #1
    Join Date
    May 2010
    Posts
    5

    CSS Float issues in IE7

    http://ola4.aacc.edu/virtualcampus2/

    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...

    http://ola4.aacc.edu/virtualcampus2/temp.html

    But that version needs A LOT of work. I'd prefer to just fix the top one instead.

  2. #2
    Join Date
    Dec 2003
    Location
    Bucharest, ROMANIA
    Posts
    15,428
    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.

  3. #3
    Join Date
    May 2010
    Posts
    5
    Quote Originally Posted by Kor View Post
    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.

    Here's some screenshots of the breaks in action.
    http://img208.imageshack.us/img208/8...eenshot2yn.jpg
    http://img88.imageshack.us/img88/1539/screenshotbf.jpg

  4. #4
    Join Date
    May 2010
    Posts
    5
    Quote Originally Posted by Nimue View Post
    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.

    Here's some screenshots of the breaks in action.
    http://img208.imageshack.us/img208/8...eenshot2yn.jpg
    http://img88.imageshack.us/img88/1539/screenshotbf.jpg
    Bump. Any ideas anyone?

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles