Hi all,
I think I found a bug in FF3 for the Mac. The page displays fine in FF3 for Windows, as far as I can tell, and other browsers on both platforms. Of course, it’s also very possible that my code is incorrect, but I did validate both HTML and CSS.
Here’s the page:
[url]http://www.indiana.edu/~meis/
If you make the browser window very narrow, eventually a horizontal scrollbar appears, but you can’t scroll all the way to the right to view all the text!
If you test the page on other browsers, please ignore the fact that the image jumps down below the department name. That’s a problem I have yet to fix because I recently transitioned from xhtml transitional to strict. But it’s weird that FF doesn’t make the image jump down, even when the window is very small. Maybe it’s related to the bug I’m seeing on FF3 for Mac?
One more piece of info that might be helpful: I have the Web Developer extension installed, and I use it to tell me what the browser window size is. When I make the window narrow enough, it tells me that the viewable width (580px) is bigger than the actual window width (340px)! I’ve attached a screenshot. Note that in the screenshot I have scrolled all the way to the right, but you can’t see the end of the text.
Any advice on how to fix this? I tried googling it but couldn’t find anything on this particular problem.
(If you have a quick suggestion on how to fix the image jump, I’d appreciate that too. The problem arises because I had to remove align=”left” from the first image, and I haven’t found a good solution because I’m an amateur hack. 😮 I tried applying enclosing the first image in a div and then applying float:left but that’s what’s causing the jump when the width is too small.)
I’m not sure if this is the right forum for this, so please let me know if I should post this elsewhere.
[upl-file uuid=fdea147a-671b-4f77-a0d4-7d4d5f9170dc size=41kB]FFscreenshot.jpg