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 4 of 4
  1. #1
    New Coder
    Join Date
    Nov 2007
    Posts
    38
    Thanks
    9
    Thanked 0 Times in 0 Posts

    Firefox2 displays float wrong.

    Hi there,

    I have a website www.easidesigns.co.uk/test and it displays correctly in Firefox3, IE7, Safari and Opera. However, in Firefox2, the homelink on the top right corner is not floating correctly, and it sits quite far down in the page and pretty much ruins the website.

    Does anyone know about this issue? If my website displays correctly in all the other browsers above, why Firefox2???

    Please help,

    MishimaSan

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,852
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    Always fix the errors in your markup before asking for help. see http://validator.w3.org/check?uri=ht...Inline&group=0

    Your original problem might have something to do with
    a.logo {/*easidesigns.css (line 34)*/
    float:right;
    margin:14.3em 1.9em 0pt 0pt;
    }
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #3
    New Coder
    Join Date
    Nov 2007
    Posts
    38
    Thanks
    9
    Thanked 0 Times in 0 Posts

    Unhappy

    Well basically, I've validated the site, and the only errors I get are from the slideshow code that I bought, which is not affecting the layout of the actual page as far as I am aware since it's all within the confines of that element.

    I have experimented with the pages and the positioning of the logo a lot and I've realised some things that work and some things that don't.

    Basically, for some pages, it works to place the logo into a container div along with the top-most element on the page, in the case of the index.php, the top element is the slideshow.

    However on other pages, I am not having such luck. Can I ask - is there a set way of making things run from left to right, in a measureable way, so that you can define their position perfectly? Because, I've found that using the float: tool and the position: tool are pretty much pot luck for me - I simply don't understand them well enough, when I thought that I did. No matter how much Eric Meyer talks about them - I'm still having a lot of trouble. Is this normal?

    Please help?

    You can see what I mean about it appearing differently in IE7 and FF2 if you visit the site at http://www.easidesigns.co.uk/test.

    Thanks a bunch guys,

    MishimaSan

  • #4
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,852
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    If you are going to use absolute position for that logo, then
    Code:
    #top{
    position:relative;
    }
    a.logo{
    position:absolute;
    top: 20px; /* or whatever*/
    right:10px /* "" */
    }
    would easily provide a uniform display.

    PS: Don't use float/margin values with absolute position.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)


  •  

    Posting Permissions

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