Rahul Gonsalves wrote:
> Sorry about the introduction - people have said that that was not
> proper form on this forum. I suspect this is only the first of my
> many apologies.
No apologies needed. Few of us mind an introduction -- once.
> Now, I built and tested using Dreamweaver 7.0.1, and tested on
> Firefox 1.0.4.
> When I look at the site in Firefox, it looks fine - the code is messy
> I think, but it's my first time - sorry!
<br />, not </br>, in xhtml. - 2 cases.
Missing alt-attribute on <img .... /> - 1 case.
Lots of errors introduced by the ads. Your pages will never validate
with those, but that's hardly your fault.
Nevertheless, try: <http://validator.w3.org/> and get rid of all errors
you have any control over.
> But the problems arise when I look at it in IE - the site is
> _completely_ messed up.
That's completely normal. IE isn't standard-compliant.
I won't give you any solutions and/or hacks for IE at this stage, as
that'll only fix symptoms--not layout-errors. Resize fonts in Firefox a
few steps, and you'll see that the page is breaking.
Once you have worked on your layout some more (see below), and it can
take normal settings in the standard-compliant browsers (Firefox, Opera,
Safari,...), then you can start worrying about IE's multiple bugs.
> I think some of the problems arise from having the font size
> specified in ems rather than pixels.
Please, don't even think about using pixels for font-size.
1: it will mess up IE even more and make the page less accessible.
2: it doesn't change anything, since you can not base layout on
3: someone may think you're a complete nut. :-)
- Try setting a suitable font-size on body in percentage. I prefer 100%
or pretty close to it.
- Define font-size in em or percentage on all other elements that need a
Avoid using 'absolute positioning' and defined height on footer and
other containers, as there's no way you can nail dimensions and
positions to the screens and browser-windows.
Try to forget "pixel-perfection" to begin with, it just has to look
perfect. Let it all just flow down the page instead, and start off a bit
simpler by testing your design-ideas with one or more of the 2/3 column
design with header and footer on:
....and study floats and flow methods.
BTW: your original table-layout is only a few errors short of being
valid. No, I'm not telling you to go back to tables, but a CSS-layout
should behave much the same way once it is done right. Just compare in
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/