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.
Results 1 to 6 of 6
  1. #1
    Regular Coder
    Join Date
    Jun 2011
    Posts
    241
    Thanks
    16
    Thanked 2 Times in 2 Posts

    simple fix i think, issue with floating

    hi, i am having a bit of a problem, i have made a button and floated it to the right inside a div but in IE6 & IE7 the button seem to jump up a bit, not sure whats happening, been trying to sort this out for hours. im sure its something simple im missing but not sure what.

    the url is www.nandahosting.co.uk

    its about half way down the page, green button says "Join Now for Free" (div class="button")

    thankyou so much
    Last edited by nandahosting; 08-03-2011 at 11:01 PM.

  • #2
    Regular Coder
    Join Date
    Jun 2011
    Posts
    241
    Thanks
    16
    Thanked 2 Times in 2 Posts
    the content above has a bottom-margin: 20px for the ul, in IE6 & IE7 it seems this isn't showing, its like the overflow(the overflow of the bottom-margin: 20px) of the content above isn't showing if you understand what i mean?

  • #3
    New Coder
    Join Date
    Aug 2011
    Location
    The Universe
    Posts
    34
    Thanks
    0
    Thanked 11 Times in 11 Posts
    Quote Originally Posted by nandahosting View Post
    the content above has a bottom-margin: 20px for the ul, in IE6 & IE7 it seems this isn't showing, its like the overflow(the overflow of the bottom-margin: 20px) of the content above isn't showing if you understand what i mean?
    That seems to be margin-left, not -bottom, so that's not the issue...

  • #4
    Regular Coder
    Join Date
    Jun 2011
    Posts
    241
    Thanks
    16
    Thanked 2 Times in 2 Posts
    sorry i meant this line, if i remove the margin-bottom everything lines up the same in all browsers.

    #fpreasons li {margin-bottom: 20px; float: left;}

  • #5
    New Coder
    Join Date
    Aug 2011
    Location
    The Universe
    Posts
    34
    Thanks
    0
    Thanked 11 Times in 11 Posts
    Quote Originally Posted by nandahosting View Post
    sorry i meant this line, if i remove the margin-bottom everything lines up the same in all browsers.

    #fpreasons li {margin-bottom: 20px; float: left;}
    Right, that's not doing much in IE7.

    Found a fix:
    Code:
    #fpreasons li
    {
        margin-bottom: 0;
        padding-bottom: 20px;
    }
    Just stick those two rules in somewhere.

    And if it matters, there's a typo in the paragraph
    We hold monthly Competitions so that our customers can recieve rewards and further recognition for all their hard work.
    "recieve" should be spelled "receive."

    Hope that helps.

  • Users who have thanked Deep Thought for this post:

    nandahosting (08-04-2011)

  • #6
    Regular Coder
    Join Date
    Jun 2011
    Posts
    241
    Thanks
    16
    Thanked 2 Times in 2 Posts
    thankyou, works perfect and thanks for the typo error that shouldn't of happened ...


  •  

    Posting Permissions

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