Firefox 1.0.7 CSS bug
-
I have a problem with a web page I am working on, which only happens in Firefox 1.0.7. In other versions of Firefox it is fine, and IE and Opera do not display the problem either. Basically I have an image within a div tag in the top left of the page, and in 1.0.7, a 10px gap appears above the image. I have searched for a solution to this on Google, and everywhere I can think of. I found mentions of a css bug in 1.0.7 which causes DIV tags to be rendered bigger than their specified height, and for the content to appear outside the DIV. However, I could not find any solutions for this problem. The page is at www.ortussearch.com/default2.aspx if anyone would like to take a look. The image in question is the logo in the top left. Any suggestions would be welcome, as I am pulling my haor out with this.
Words fade as the meanings change, but somehow, it don't bother me.
-
I have a problem with a web page I am working on, which only happens in Firefox 1.0.7. In other versions of Firefox it is fine, and IE and Opera do not display the problem either. Basically I have an image within a div tag in the top left of the page, and in 1.0.7, a 10px gap appears above the image. I have searched for a solution to this on Google, and everywhere I can think of. I found mentions of a css bug in 1.0.7 which causes DIV tags to be rendered bigger than their specified height, and for the content to appear outside the DIV. However, I could not find any solutions for this problem. The page is at www.ortussearch.com/default2.aspx if anyone would like to take a look. The image in question is the logo in the top left. Any suggestions would be welcome, as I am pulling my haor out with this.
Words fade as the meanings change, but somehow, it don't bother me.
Get your users to upgrade to a working version of firefox... :-D
-
I have a problem with a web page I am working on, which only happens in Firefox 1.0.7. In other versions of Firefox it is fine, and IE and Opera do not display the problem either. Basically I have an image within a div tag in the top left of the page, and in 1.0.7, a 10px gap appears above the image. I have searched for a solution to this on Google, and everywhere I can think of. I found mentions of a css bug in 1.0.7 which causes DIV tags to be rendered bigger than their specified height, and for the content to appear outside the DIV. However, I could not find any solutions for this problem. The page is at www.ortussearch.com/default2.aspx if anyone would like to take a look. The image in question is the logo in the top left. Any suggestions would be welcome, as I am pulling my haor out with this.
Words fade as the meanings change, but somehow, it don't bother me.
-
Get your users to upgrade to a working version of firefox... :-D
My client seemed all smug with his web savvy when he announced to me that he used Firefox, and that there was a problem with the layout in it - implying I hadn't tested the site in Firefox. After doing some research, I was able to correctly predict that he was running 1.0.7, and explain to him that it was an out of date version, and the majority of Firefox users would be running the most recent version. He has since told me not to worry about the bug, but I would still like to crack it because it is just annoying, and you never know when it might crop up again on a future job.
Words fade as the meanings change, but somehow, it don't bother me.
-
I happen to have version 1.0.7 still installed, and I can verify that I see the same problem. Have you found out if the extra space is above the menu div, or inside the div above the image tag?
--- b { font-weight: normal; }
I'm not sure. I don't have access to a machine with Firefox 1.0.7 on it, so I just try making changes and then have to ask if the bug has gone away. Its very frustrating! From what I did manage to find out about this bug, it is something to do with the height of the DIV. I have got the height of the menu div set to 100%. I don't really need that in there anymore, so I will try removing it and see if that fixes it. Can't actually work on this site until I get home later though.
Words fade as the meanings change, but somehow, it don't bother me.
-
I'm not sure. I don't have access to a machine with Firefox 1.0.7 on it, so I just try making changes and then have to ask if the bug has gone away. Its very frustrating! From what I did manage to find out about this bug, it is something to do with the height of the DIV. I have got the height of the menu div set to 100%. I don't really need that in there anymore, so I will try removing it and see if that fixes it. Can't actually work on this site until I get home later though.
Words fade as the meanings change, but somehow, it don't bother me.
-
-
I'm not sure. I don't have access to a machine with Firefox 1.0.7 on it, so I just try making changes and then have to ask if the bug has gone away. Its very frustrating! From what I did manage to find out about this bug, it is something to do with the height of the DIV. I have got the height of the menu div set to 100%. I don't really need that in there anymore, so I will try removing it and see if that fixes it. Can't actually work on this site until I get home later though.
Words fade as the meanings change, but somehow, it don't bother me.
I tried removing the height attribute, but it made no difference. I did downlaod and install version 1.0.7 though, so I can have a better crack at fixing this error. If I ever crack it and will post the solution, just for future reference.
Words fade as the meanings change, but somehow, it don't bother me.
-
I happen to have version 1.0.7 still installed, and I can verify that I see the same problem. Have you found out if the extra space is above the menu div, or inside the div above the image tag?
--- b { font-weight: normal; }
I finally cracked this one. The gap was inside the 'menu' div. The problem was caused by the 'float:left' in the 'menu' div. I took it out and the gap above the logo disappeared. Turns out the float was actually doing anything useful anyway. The layout remained the same.
Words fade as the meanings change, but somehow, it don't bother me.