Results 1 to 7 of 7

Thread: IE6 and IE7 CSS Help

  1. #1
    Join Date
    Aug 2008
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default IE6 and IE7 CSS Help

    I am having problems with CSS in IE6. The website is http://www.doodlestix.com/site/page/about-doodlestix . The header does not display correctly in either IE6 or IE7. The footer does not display correctly in IE6. Everything displays correctly in Mozilla. I would greatly appreciate any help. Thank You.

  2. #2
    Join Date
    Jan 2006
    Location
    Ft. Smith, AR
    Posts
    795
    Thanks
    57
    Thanked 129 Times in 116 Posts

    Default

    I just viewed in IE 7 and FF 3, didn't notice anything that looked out of whack. Could you be a little more specific on exactly WHAT isn't displaying correctly and how it's supposed to look?
    --------------------------------------------------
    Reviews, Interviews, Tutorials, and STUFF
    --------------------------------------------------
    Home of the SexyBookmarks WordPress plugin

  3. #3
    Join Date
    Aug 2008
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    My main issue is with IE6 and the footer links. They appear in a vertical list and not a horizontal list like in IE 7 or Mozilla 3.

    Another issue with IE both 6 and 7 is that the email field, password field, and log in button should be horizontal and not stacked one on top of the other.

    Again, thanks in advanced.

  4. #4
    Join Date
    Jan 2006
    Location
    Ft. Smith, AR
    Posts
    795
    Thanks
    57
    Thanked 129 Times in 116 Posts

    Default

    ah, well I unfortunately do not have IE 6 installed. So I apparently can't see those issues. I can however take a look at the form for you.
    --------------------------------------------------
    Reviews, Interviews, Tutorials, and STUFF
    --------------------------------------------------
    Home of the SexyBookmarks WordPress plugin

  5. #5
    Join Date
    Jan 2006
    Location
    Ft. Smith, AR
    Posts
    795
    Thanks
    57
    Thanked 129 Times in 116 Posts

    Default

    add this to your loginbox CSS

    Code:
    #loginbox p{
    margin:0;
    padding:0;
    display:inline;
    }
    --------------------------------------------------
    Reviews, Interviews, Tutorials, and STUFF
    --------------------------------------------------
    Home of the SexyBookmarks WordPress plugin

  6. #6
    Join Date
    Aug 2008
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Thanks, that did fix the log-in form. Now if someone could help with the footer. I think it has something to do with display: inline but I've tested it in the following id and classes

    footer_content
    centerBoxes
    footer_content ul
    footer

    They do not produce the layout seen in Firefox. This is for IE 6.

    Thanks

  7. #7
    Join Date
    Mar 2007
    Location
    Currently: New York/Philadelphia
    Posts
    2,735
    Thanks
    3
    Thanked 519 Times in 507 Posts

    Default

    Code:
    div.copyright {
       clear:both
    }

Bookmarks

Posting Permissions

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