View Full Version : Firefox2 displays float wrong.

08-19-2008, 11:40 PM
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,


08-20-2008, 04:52 PM
Always fix the errors in your markup before asking for help. see http://validator.w3.org/check?uri=http%3A%2F%2Fwww.easidesigns.co.uk%2Ftest%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

Your original problem might have something to do with

a.logo {/*easidesigns.css (line 34)*/
margin:14.3em 1.9em 0pt 0pt;

08-20-2008, 06:21 PM
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,


08-21-2008, 08:53 AM
If you are going to use absolute position for that logo, then

top: 20px; /* or whatever*/
right:10px /* "" */
}would easily provide a uniform display.

PS: Don't use float/margin values with absolute position.