Web Site Cross-Browser Compatibility

[petersh]

Just a helpful suggestion for your site - I use Firefox now exclusively (faster and safer than IE!) but the coding in your navigation frame doesn't render like it does in IE and the top 5 buttons are spread down a lot. You also get the same problem in Mozilla and Netscape 6, resulting in scroll bars. The picture attached below illustrates this with IE and Firefox side by side - the top 5 menu items take up a lot more space (browsers both set at 1024 x 768). This is because they include a <div> tag as well as a <p> for these graphics, whereas the later buttons only have a <p> and render correctly! Also your site says it is optimised for 800 x 600 but at that resolution you also get navigation frame scroll bars even in IE. 1024 x 768 works fine! Peter.


http://www.slx-photographic.co.uk/graphics/photo-forum.gif

[Stemmy]

Thanks Peter - I will have a look at that this afty - much appreciated :)

[Stemmy]

Is that better Peter I dont have Firefox ?

[storm7]

There will always be issues with web sites and browsers compatability - unfortunately, it's quite hard to set up a web site that works 100% with all the different types of browsers, especially if you don't have Firefox / Mozzilla etc to check...

[petersh]

So far it looks the same and the page source code is the same - so maybe I'm picking up a cached page from the ISP - I'll check again later today.

I know it can be very difficult to resolve all browser issues, and sometimes it can take hours to work out why it looks different. What I have done though is to install a number of browsers for testing. Firefox is free, and installing multiple browsers doesn't cause any issues - your default browser loads normally, if you load a different browser you are asked if you want to make it the default. (I also checked the site in Opera and it looked fine).

Peter.

[Stemmy]

Think its just your cache. On my comp its the new code.

Let me know if yours changes.

Thanks again

[petersh]

I've forced a reload from the server, Firefox reports the page was modified today at 13:16, but the page source still shows the extra <div align="left"> tags in the first few buttons and the page display has not changed... e.g.

Qualifications button:

<tr>
<td height="36" width="123">
<div align="left">
<p align="left">

<a href="quals.htm" target="rightframe" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('quals','','buttons/qualicon_h.jpg',1)"> <img src="buttons/qualicon.jpg" name="quals" alt="Wedding Photography by Martin Stembridge - Qualifications" border="0" height="32" width="99"> </a>

</p>
</div>
</td>
</tr>

Location button:

<tr>
<td height="35" width="123">
<p align="left">

<a href="location.htm" target="rightframe" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('location','','buttons/locationicon_h.jpg',1)"> <img src="buttons/locationicon.jpg" alt="Wedding Photography by Martin Stembridge - Location" name="location" border="0" height="32" width="99"> </a>

</p>
</td>
</tr>

[Stemmy]

Ahh right that wasnt what I changed - Will have another look

[Stemmy]

Right here we go. Whilst changing what you mentioned noticed quite a bit of the code was muddled up. Been through and tidied it all up.

Hope this is better.

[petersh]

Martin, looks fine now! Peter.

[Stemmy]

Thanks:)