07-03-2007, 02:58 PM
hi... just need a bit of help. On a site that i designed a while ago http://www.cfab.co.uk, there is as you will see, an i-frame, where all of the content loads into. I am aware that i-frames are not very compatible with different browsers other than IE, and can brew up a number of issues.
I was considering using AJAX instead, but havn't really got to grips with it yet, and haven't a clue where to start...
07-03-2007, 03:32 PM
Actually, there's nothing wrong with <iframes> ...
I don't know of any browsers that don't support it.
With your site though, you could use PHP and PHP includes.
That means that a PHP script would load the contents of
the <div> where your content appears. It would mean that
your page would refresh each time, but since everything else
appears in the same place, it would be seamless.
But I use <iframes> all the time, and they allow that content to
refresh without refreshing the whole page.
I think your site looks and works pretty good the way it is.
07-03-2007, 03:56 PM
thanks for that. i actually checked how the site looked in different browsers and at different screen resolutions. in firefox and opera it looks a bit different to in IE, which I can understand, but it is, however, stilly fully functional. :thumbsup:
07-03-2007, 04:23 PM
The differences are because of the CSS and <tables>.
If you were to re-design the site using only CSS (tableless) and
not using any hacks for IE, you might get it looking the same in
all browsers. This includes using a doctype that can be validated.
You now have this:
<meta http-equiv="Content-Language" content="en-gb">
Doing something more like this, along with valid XHTML/CSS
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<title>Clarion Flooring & Blinds Ltd (formerly Cheshire Flooring & Blinds) - Quality You Can Trust</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
That's all part of making a site browser compatible.
Always design for FF and then adjust for IE (without using hacks).