Loading...


Loading...

Welcome!

Sign up for a free account, or log in here.

Member Login

You can login by following the link.

Not a Member? Sign up! It's Free!

Please feel free to register.

Click to log in.

FireFox3: Min-Width vs Width, PC vs Mac

I had a strange issue come to light tonight when working on a client’s site.

The FireFox3 I was working with doesn’t usually have problems so I’m happy coding and testing with it then testing later on in other browsers. But apparently this one page had issues with FireFox3 on a Mac. The checkboxes were floating off to the left, completely unacceptable.

Hours passed trying to fix this issue and only coming back to it later and using trusty FireBug did I find the problem.

The checkbox in question had a width set to 20px, and on the PC FF3 it looked fine as I was positioning it absolutely. But with a Mac it was far to the left. The FireBug showed me it was inheriting a property from higher up the chain – min-width set to 160px. The PC was ignoring this and using the width, the Mac was following the min-width over the width.

Resetting the min-width for this new unordered list checkbox fixed it, allowing the positioning to be reset and let the page display as designed under both OS’s with FF3. Strange bug, and it took a while to find.

So I might dig around and find the appropriate forum somewhere and report this. Anyone got any ideas where that is?



Leave a Reply



You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>


The English Guy on Twitter

Raised Paper WordPress Theme

Raised Paper WordPress Theme screenshot
Theme Price

Onyx WordPress Theme

Onyx WordPress Theme screenshot
Theme Price

Victoriana WordPress Theme

Victoriana WordPress Theme screenshot
Theme Price

Expression Blue WordPress Theme

Expression Blue WordPress Theme screenshot
Theme Price

Premium WordPress Theme Release: Natural Green

Premium WordPress Theme Release: Natural Green screenshot
Theme Price

Theme Release: Ikon WordPress Theme

Theme Release: Ikon WordPress Theme screenshot
Theme Price

Shocking WordPress Theme Release

Shocking WordPress Theme Release screenshot
Theme Price

Digitalis WordPress Theme Release

Digitalis WordPress Theme Release screenshot
Theme Price

WordPress Theme: OpenAir Theme

WordPress Theme: OpenAir Theme screenshot
Theme Price

WordPress Theme: Very English

WordPress Theme: Very English screenshot
Theme Price

News Print v3.0 WordPress Theme Released

News Print v3.0 WordPress Theme Released screenshot
Theme Price

Reclamation WordPress Theme

Reclamation WordPress Theme screenshot
Theme Price