Why do pictures appear in the wrong position in Firefox but in right place in Internet Explorer?
I am running Internet Explorer 8 and Firefox 3.6.6 and have been looking at the following website www.finningley.org and on the home page there is a picture of an aeroplane that appears in the correct place on Internet Explorer but is over the text in Firefox. I have tried changing the resolution but Firefox always looks incorrect whereas I E is fine. What can be done to solve this issue?
Chosen solution
The overlapping is caused by the fixed height of the containing DIV:
<div style="border-style: inset; width:645px; height:127px">
If you leave out the height then it looks much better.
<div style="border-style: inset; width:645px;">
I don't know if you can make that gallery work properly with scroll buttons.
All Replies (5)
The site also looks wrong on Chrome and Opera (different issues when using Opera). The problem is with how the site was written. If this is your site, you can ask this question in the MozillaZine Web Development forum, and you should be able to get help there in fixing the site.
Chosen Solution
The overlapping is caused by the fixed height of the containing DIV:
<div style="border-style: inset; width:645px; height:127px">
If you leave out the height then it looks much better.
<div style="border-style: inset; width:645px;">
I don't know if you can make that gallery work properly with scroll buttons.
Modified by cor-el
IMO, you're asking for problems with browsers other than IE when you use FrontPage to create web pages.
Thanks for the info. This has in fact done the trick. I have had to change all of the picture galleries too as the scroll option on picture galleries does not work with Firefox. I have added a line on the home page to say that it is best viewed using Internet Explorer.
Once again many thanks.
You're welcome