Topic: SBMH difficulties (Page 1 of 1) Pages that link to <a href="" title="Pages that link to Topic: SBMH difficulties (Page 1 of 1)" rel="nofollow" >Topic: SBMH difficulties <span class="small">(Page 1 of 1)</span>\

Maniac (V) Inmate

From: Seoul, Korea
Insane since: Apr 2002

IP logged posted posted 01-13-2004 18:25 Edit Quote

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.


Paranoid (IV) Mad Scientist

From: KC, KS
Insane since: Nov 2002

IP logged posted posted 01-13-2004 19:23 Edit Quote

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:

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.


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

Bipolar (III) Inmate

From: Cold Sweden
Insane since: Jul 2002

IP logged posted posted 01-13-2004 19:28 Edit Quote

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

Maniac (V) Inmate

From: out of a sleepy funk
Insane since: Aug 2000

IP logged posted posted 01-13-2004 21:12 Edit Quote

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).

Maniac (V) Inmate

From: Seoul, Korea
Insane since: Apr 2002

IP logged posted posted 01-13-2004 22:47 Edit Quote

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.


Paranoid (IV) Inmate

From: A graveyard of dreams
Insane since: Mar 2001

IP logged posted posted 01-14-2004 01:18 Edit Quote

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 -

Maniac (V) Inmate

From: Seoul, Korea
Insane since: Apr 2002

IP logged posted posted 01-14-2004 06:00 Edit Quote

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.


Post Reply
Your User Name:
Your Password:
Login Options: Remember Me On This Computer
Your Text:
Options: Show Signature
Enable Slimies
Enable Linkwords

« BackwardsOnwards »

Show Forum Drop Down Menu