Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Page 1 of 2 12 LastLast
Results 1 to 15 of 16
  1. #1
    Regular Coder
    Join Date
    Oct 2005
    Posts
    336
    Thanks
    43
    Thanked 2 Times in 2 Posts

    What is causing my UL to go wrong in IE6/5.5?

    I am designing a masthead and all looks fine in IE7, FF, Safari, Opera, but in IE5.5, and IE6 the "ul" called "leftmenu" is halfway across the screen. The UL should be lined up just to the right of the "thisisatest" title. All appears fine in IE7.

    www.siteoftom.com/pages/masthead_2divs.html

    Browsershots link to IE6 image -

    http://browsershots.org/screenshots/...489b4e956775e/

  • #2
    New Coder
    Join Date
    Jun 2007
    Location
    Quebec, Canada
    Posts
    64
    Thanks
    4
    Thanked 3 Times in 3 Posts
    this really looks like IE double horizontal margin on floated elements.

    adding display:inline should fix the issue, read here : http://www.positioniseverything.net/...ed-margin.html

    ul#leftmenu {
    margin: 10px 0px 0px 240px;
    padding: 0px 0px 0px 20px;
    height: 34px;
    list-style-type: none;
    float: left;
    display:inline;
    background-image: url(../images/bannerimage_pinkred300.png);
    background-repeat: no-repeat;
    }

  • Users who have thanked vexen for this post:

    moss2076 (10-15-2007)

  • #3
    Regular Coder
    Join Date
    Oct 2005
    Posts
    336
    Thanks
    43
    Thanked 2 Times in 2 Posts
    Yes that has fixed it

    Many thanks for your help, much appreciated!

  • #4
    New Coder
    Join Date
    Jun 2007
    Location
    Quebec, Canada
    Posts
    64
    Thanks
    4
    Thanked 3 Times in 3 Posts
    no problem

  • #5
    Regular Coder
    Join Date
    Oct 2005
    Posts
    336
    Thanks
    43
    Thanked 2 Times in 2 Posts
    I have just noticed the problem is still occuring in IE5.5 but I have sorted it in IE6.

    Whats up with IE5.5??

    http://browsershots.org/screenshots/...502706c52f94a/

  • #6
    New Coder
    Join Date
    Jun 2007
    Location
    Quebec, Canada
    Posts
    64
    Thanks
    4
    Thanked 3 Times in 3 Posts
    sorry, i did some search but i do not understand the issue

  • #7
    Regular Coder
    Join Date
    Oct 2005
    Posts
    336
    Thanks
    43
    Thanked 2 Times in 2 Posts
    Have a look at the screenshots -

    IE5 (displaying the UL incorrectly) -
    http://browsershots.org/screenshots/...502706c52f94a/

    IE6 (displaying the UL correctly as I want it to) -
    http://browsershots.org/screenshots/...dac0822db45a5/

    IE5.5 is still making the margin go double in size.

  • #8
    New Coder
    Join Date
    Jun 2007
    Location
    Quebec, Canada
    Posts
    64
    Thanks
    4
    Thanked 3 Times in 3 Posts
    you could use this code this parse IE less than or equal 5.5 with half the margin, it *should* fix it!

    Code:
    <!--[if lte IE 5.5]>
    <style type="text/css">
    ul#leftmenu {
    margin: 10px 0px 0px 120px;
    }
    </style>
    <![endif]-->

  • #9
    Regular Coder
    Join Date
    Oct 2005
    Posts
    336
    Thanks
    43
    Thanked 2 Times in 2 Posts
    I have just reloaded the Browsershots page and it seems to be ok now in both IE5.5 and IE6. The "display inline" does indeed seemed to have done the trick afterall.

  • #10
    New Coder
    Join Date
    Jun 2007
    Location
    Quebec, Canada
    Posts
    64
    Thanks
    4
    Thanked 3 Times in 3 Posts
    i wonder why i was confused now! lol!

  • #11
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Question. Are you on a Mac or PC? If you are on a PC you can run multiple IE browsers you know?
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #12
    Regular Coder
    Join Date
    Oct 2005
    Posts
    336
    Thanks
    43
    Thanked 2 Times in 2 Posts
    Im on a pc, as far as I know I cannot run IE6 or IE5 with Windows Vista IE7 installed. You cannot install IE6 when IE7 is already there.

    I do run FF, Opera, safari and IE7 however.

    You have to dual boot a few operating systems or use a virtual machine say with windows xp and ie6 installed.

  • #13
    Regular Coder
    Join Date
    Jul 2007
    Posts
    571
    Thanks
    25
    Thanked 28 Times in 28 Posts
    On a side not:

    If you change the default text size everything gets thrown off. You should consider that some people like to browse with bigger or smaller text sizes then the default

  • #14
    Regular Coder
    Join Date
    Oct 2005
    Posts
    336
    Thanks
    43
    Thanked 2 Times in 2 Posts
    Quote Originally Posted by srule_ View Post
    On a side not:

    If you change the default text size everything gets thrown off. You should consider that some people like to browse with bigger or smaller text sizes then the default
    How do I get around different text sizes?

  • #15
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Quote Originally Posted by moss2076 View Post
    Im on a pc, as far as I know I cannot run IE6 or IE5 with Windows Vista IE7 installed. You cannot install IE6 when IE7 is already there.

    I do run FF, Opera, safari and IE7 however.

    You have to dual boot a few operating systems or use a virtual machine say with windows xp and ie6 installed.
    Yes you are correct. I use Vista and I had to install Virtual PC with Windows XP and IE6. I was assuming you were on Windows XP already.

    As to the text sizes, to get around that you just have to make sure your layout is scalable height wise meaning you really don't want to set heights to too many things. If you want to set the height then perhaps you should use images where you need to.
    Last edited by _Aerospace_Eng_; 10-16-2007 at 04:11 PM.
    ||||If you are getting paid to do a job, don't ask for help on it!||||


  •  
    Page 1 of 2 12 LastLast

    Posting Permissions

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