BobTheBowler wrote:
>>First, switch your doctype to Strict. You are not "transition ing" from
anything.
Second, remove all the extraneous JavaScript and IE conditional
statements. Start with a bare page. With no errors in either the HTML or
the CSS.
Then we can discuss the Grail.
ok
here's another attempt I made ...
http://www.ProBowlUK.co.uk/HolyGrail.htm
You didn't do any of the stuff I suggested above.
looks ok at first, but Header does not move the columns down when
content added ...
...because you have explicitly set the height of the header to 75px. Use
px only for things like borders. Use em units for everything else.
http://www.ProBowlUK.co.uk/HolyGrail-2.htm
These new samples are still Transitional. Not Strict. Use this:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
You can then get rid of all those extraneous slashes at the end of
certain elements. <img ... />
There are errors in your CSS. For example:
Value Error : margin-left Parse Error -
document.all.ce ntercolumn.offs etWidth * -1 +
parseFloat(docu ment.all.center column.currentS tyle.paddingLef t) +
parseFloat(docu ment.all.leftco lumn.currentSty le.paddingLeft) +
parseFloat(docu ment.all.leftco lumn.currentSty le.paddingRight ))
Where did you get that?
and this displays differently in IE and FireFox
If you would remove all of the IE conditional comments (I see no need
for them at all for this simple layout), perhaps they will be more
similar. You are designing for the World Wide Web, not a particular
browser. There is also no need to concern yourself if different browsers
display slightly different. None of your visitors are going to be
checking your site with multiple browsers... 'cept us.
Study this template:
http://www.benmeadowcroft.com/webdev.../3-column.html
Hopefully, that steel plate background is just a test...
--
-bts
-Motorcycles defy gravity; cars just suck