Topic: SBMH difficulties

Hey folks. I know it's been a long time since I've been around these parts (again), but I've been on vacation. At the moment I am attempting to help my brother put together a web page, and I've run into a bit of a sniggle. The design requires a fixed width, but I'm having problems getting different browsers to display the same widths. I know it's due to improper implementation of the box model (adding padding and borders to the box width), but none of the hacks I've tried (SBMH being the latest) seem to work. All these hacks seem to be designed to work around IE 5.x's quirks, but I'm actually having problems with the latest version of Netscape (7.1). IE6 displays fine, but NS7.1 is acting like the old IE. Here is a very simlple test page, along with a handy link to the CSS:

Box Test
Box Test CSS

I've only tested it in two browsers so far (IE6 and NS7.1), so I don't know how other browsers react. I'm sure it's something really stupid that I'm missing here, but if anyone can tell me how to get all major browsers to display this box at 700 pixels wide, I would be most grateful. Thanks in advance.


___________________________
Suho: www.liminality.org

When I look at it in IE 6 the box is only 640px wide but in Firebird it looks OK.

Edit: How about doing it like zees:
http://www.11oh1.net/test/suhotest.html

I just put another div inside the main div with a margin of 30px. Works in Firebird and IE 6. Those are the only browsers I have at my disposal at the moment.

:::11oh1:::

[This message has been edited by krets (edited 01-13-2004).]

Maybe you could start by including a DOCTYPE declaration, and then fix the width for IE5.x.

pardon me if I'm being thick but ... you have the hack commented out right? I uncomment it and it's all 700 (I don't have NS7.1 sorry).

krets: I kind of wanted to avoid doing it that way (another div with margins), just out of principle...

HZR: Doh! I forgot the DOCTYPE... yep, that was it.

Jason: Yes, I did have it commented out. I wanted to see what would happen without it. If you uncomment the hack, it appears too wide in NS7.1.

Basically, the lack of a doctype was screwing things up. I'm still not sure what exactly is going on, but at least it works in both IE6 and NS7.1. I've added in the doctype and uncommented the hack, so if anyone wants to check it out in other browsers, that would be cool too. Thanks for all the help. I knew one of you would be able to pinpoint my idiocy.


___________________________
Suho: www.liminality.org

The box is 700px wide in Opera, so it seems to work there

_________________________
"There are 10 kinds of people; those who know binary, those who don't and those who start counting at zero"
- the Golden Ratio -

OK, thanks. That's good to know.

I'll be leaving for L.A. tomorrow, and I'll be staying about a week before returning to Korea. Then I imagine I'll be showing my face around here more often once again.


___________________________
Suho: www.liminality.org