AJAX help.

Rachy06

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...

any advice???

mlseim

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.

Using Javascripting for navigation would be more of an issue than <iframes>

Rachy06

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:

mlseim

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:

<html>
<head>
<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">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<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).