Topic: width=XXXpx in Mozilla (problems with class)

So, I'm feeling pretty good about my new interface at http://www.ozones.com/lost/index2.html and I was thinking of launching it soon. Still I have this problem in Mozilla, with setting the width of a class (I'm using it for my headers.) I thought maybe some of you CSS wizards might have some feedback on this? I have this class defined...

.boxxy { font-size:10px; color:#160400; font-family: verdana;
font-weight:bold; width:455px; background-color:#993300;
padding:1px 3px 1px 3px; border:#cc6600 1px solid;}

And the width, it doesn't get set in Mozilla! Anyone have any ideas on this? It's late, and I'm stumped on this. (FYI: I still need to do work on both Opera and NN4.7x, so you don't need to critique me on that, I'll fix 'em soon, I hope! For now, Mozilla.)

PS: It sucks CPU bigtime in Mozilla. Be warned!


Your pal, -doc-



[This message has been edited by DocOzone (edited 05-12-2002).]

I'm no CSS wizard, nor am I aware of the differences in compatability between browsers, but you might want to try setting margins to constrain the width of your class.

Shoot, I don't have Mozilla installed right now, 'cause I just upgraded to XP. But are you aware that the padding and border are supposed to *add* to the width? (They behave differently in IE, but that's an IE bug.)

Sorry, since you seem to be loading everything from external files, it's hard to track it down =)

You might try display:block; ?

Box Model Hack for further information.



[This message has been edited by u-neek (edited 05-13-2002).]

hmmm, I just downloaded build 20020051006 and it seems to look the same except for the hieght. Don't know.

Later,
C:\


~Binary is best~

Looks great, Doc.
Is it supposed to work in NS4?

rickindy:

quote:

---

Doc Said:
(FYI: I still need to do work on both Opera and NN4.7x, so you don't need to critique me on that, I'll fix 'em soon, I hope! For now, Mozilla.)

---

Later,
C:\


~Binary is best~

Yikes! For Mozilla users, I recommend you put some sort of "stop animation" link... this is slowing things down quite a bit.

Also, it seems that clicking and dragging isn't handled completely correctly, since when I try to scroll, my cursor sometimes turns into a circle with a line through it. You know what I mean.

Anyway, it seems like the problem you described isn't the box model problem - I see now what it is... the headers no longer maintain their widths.

I haven't looked too deeply at the style sheet, but my guess is that you're treating an inline element (such as a hyperlink) as a block-level element, and Moz doesn't like it. Try setting display:block on the headers, and maybe margin-left:0px; margin-right:0px also.

Ah! display:block, that sounds very good, no doubt. I'm doing just what you said, trying to apply block level properties to things like <a...> and <b...>, I didn't know I couldn't do that. I'll play wth that tomorrow.

Yah, I need to do something to that Mozilla function before I let the public see this, I was also thinking of the "stop animation" idea, it's needed.

Your pal, -doc-

Doc: I'll confess I'm not sure why you are doing this:

quote:

---

<LINK REL=stylesheet HREF="/lost/Znippets/css/Zstyles2.html" TYPE="text/css">

---

For some reason my Op6 crashes everytime I try to access that page (although IE opens it fine).

I can get this file:
www.ozones.com/lost/Znippets/css/Zstyles2.css

and it contains the boxxy class - could it be something as simple as the file name confusing the browser or is that a more recent change?

I can't actually find anything that has the boxxy class on that page so its not clear if the problem is from that end. It strikes me as the kind of odd cross-browser thing that crops up occasionally - I'm just more used to having to take a stick to IE (where things like adding position:relative or a min-width often get things working). If it is then its just a matter of fiddling with things you didn't think were needed. First thing I'd try is setting a height even if it is height:auto;

Sorry I couldn't offer anything specific.

[edit: and, although you didn't want to know yet, it now looks much better in Opera than it did]

Emps

[This message has been edited by Emperor (edited 05-14-2002).]

Ah yes, I just tried that quick little hack last night, the .html version of the css is parsed dynamically, as an XSSI, and it writesd the width differently for IE and Gecko. I've done this before on other pages and not run into a problem, wonder why this one breaks Opera? Hrmph. FWIW, I kind of thought I had included the Opera "don't load this page" script in there, you must have your Opera set to tell browsers that it's something else, like IE perhaps?

Your pal, -doc-

Doc: I suspect it might just be my copy of Opera - I had your page open on various browsers and things weren't running well anyway. I've dynamically created external CSS and JavaScript with PHP and as long as the headers are sent right then I can't see that doing something like that could be the problem (and I presume the NS6 problem was thee before you changed the file extension.

My Oper is identifying itself as IE but I didn't think that would cause too much of a problem (I've never noticed too much difference).

Emps

The poster has demanded we remove all his contributions, less he takes legal action.
We have done so.
Now Tyberius Prime expects him to start complaining that we removed his 'free speech' since this message will replace all of his posts, past and future.
Don't follow his example - seek real life help first.