Firefox 2 bug.
Posted: Wed, 2008-07-23 21:09
I have a strange problem with firefox 2 on my site:
http://www.filmanmeldelser.net/centertain/filmfront
The page does not apper right, but this only happens when the page is first entered, and dissapears when I try to click on it. Looks fine in IE and firefox 3. Both css and xhtml validates.
What is wrong, and how do I fix it?
Thanks.
O.R.


Enthusiast
Posts: 326
Joined: 2008-02-04
Location: Netherlands
I'll tell you this:You can
Posted: Thu, 2008-07-24 07:41
I'll tell you this:
You can have completely valid code, and still have it written wrong. The validator doesn't even always check for well-formedness, let alone beauty, leanness, or semantics. I know, I had plenty of nasty but valid code for a long time.
Second, I can't read it. Onegreatbiglonglineoftextisverydifficulttoreadandhardtoseewho'sclosingwhoandwhat'sclosingwhat.
Also, you're slitting your own throat with
div { overflow:hidden; }Every single div in your entire page is overflow hidden? You later have plenty of film.divs with height and width set on them-- cutting off all content that grows on text-enlarge (or simply doesn't fit in the first place). Instead, set overflow: hidden only on those few divs who are holding all those floats-- the floated divs themselves don't need overflow: hidden as they will hold any floated children just fine.
I don't get anything changing in FF1.5 while trying to click... however I have scripts blocked, so I wonder if a script is finally loading on your page when you click??
I'm no expert, but I can fake one on teh Interwebz
newbie
Posts: 2
Joined: 2008-07-23
Stomme poes wrote:I'll tell
Posted: Thu, 2008-07-24 18:35
Second, I can't read it. Onegreatbiglonglineoftextisverydifficulttoreadandhardtoseewho'sclosingwhoandwhat'sclosingwhat.
Firebug solves this for you. Brilliant tool.
I have not tested it in Firefox 1, if it didn't look all messed up when you first entered the page, it probably was okay. I did some googling, and think that my problem was the firefox rendering bug, the error dissapeared when I enlarged and decreased the text size. The solution I came up with, was to enclose the divs that rendered wrong in another pair of divs. So now it seems to work.
Thanks anyway!