Hi everyone, this is my first post here. I am creating a website for my father's law practice, and for some reason it works fine in chrome and firefox but completely wonky in IE. I have heard that this is a common problem, and was hoping someone here could shed some light on what's going wrong.
Also, if you happen to notice anything I'm doing that isn't considered kosher or best practice or whatever, you thoughts would be very much appreciated!
1 answer
points
I've just had a quick look in IE8 and things are bursting out of the containers. Turning off most of the position absolute rules for those elements brought them back into their containers.
I avoid position:absolute as much as possible, unless absolutely needed. ;)
I'd recommend using margins and paddings to position elements. For example, put the site title in an H1 tag instead of a div and set it's margin to position it within #header.
Also your page lacks a DOCTYPE which may also affect the way it's displayed in some browsers.
http://themaingate.net/dev/html/all-you-need-is-doctype-html
Oh and install Firebug addon into Firefox... it's an essential tool when developing websites, in my opinion.
