help with browser compatibility

Hi,
I am quite new to css
My first problem is I have a style which looks ok in IE6 but not in Mozilla

Would welcome some advice as to what causes the discrepancy and what I
should change to make the style the same in both browsers

page is http://www.bloomfield.myby.co.uk/home.htm
which uses css - http://www.bloomfield.myby.co.uk/braeside.css

Many thanks
Martin B.

Martin wrote:

I am quite new to css
My first problem is I have a style which looks ok in IE6 but not in Mozilla

That usually means you're doing something wrong. IE6 is very buggy where
it comes to CSS. You should target mozilla first, then work out the IE
tweaks. Note that IE7 has a number of IE6 CSS bugs fixed, but it does
have other problems.

page is http://www.bloomfield.myby.co.uk/home.htm

Read this: http://www.w3.org/TR/CSS21/box.html#box-dimensions
And this: http://brainjar.com/css/positioning/

The width property refers to the content width, which excludes padding,
borders, and margins. Consequently, your widths don't add up to 100%
except when conditions are just right. That won't happen often. All it
takes is a text size increase or a smaller window to mess up the layout,
even in IE.

If you're new to CSS, you would be better off finding a nice 3-column
template that's already had the bugs worked out. Even if you don't use
the template for this project, you can study it to see how the
techniques work.

--
Berg

Tue, 27 Nov 2007 17:31:55 -0600 from Bergamot <bergamot (AT) visi (DOT) com>:

Note that IE7 has a number of IE6 CSS bugs fixed, but it does
have other problems.

Indeed yes. The backgrounds on the "quickies" section of

http://www.tc3.edu/instruct/sbrown/stat50/

seem to be screwed up, unless I've done something wrong that didn't
show up in IE6 or Mozilla or Firefox.

--
Stan Brown, Oak Road Systems, Tompkins County, New York, USA
http://OakRoadSystems.com/
HTML 4.01 spec: http://www.w3.org/TR/html401/
validator: http://validator.w3.org/
CSS 2.1 spec: http://www.w3.org/TR/CSS21/
validator: http://jigsaw.w3.org/css-validator/
Why We Won't Help You:
http://diveintomark.org/archives/200..._wont_help_you