Topic: width=XXXpx in Mozilla (problems with class) Pages that link to <a href="https://ozoneasylum.com/backlink?for=10734" title="Pages that link to Topic: width=XXXpx in Mozilla (problems with class)" rel="nofollow" >Topic: width=XXXpx in Mozilla (problems with class)\

 
Author Thread
DocOzone
Maniac (V) Lord Mad Scientist
Sovereign of all the lands Ozone and just beyond that little green line over there...

From: Stockholm, Sweden
Insane since: Mar 1994

IP logged posted posted 05-12-2002 07:03 Edit Quote

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

synax
Maniac (V) Inmate

From: Cell 666
Insane since: Mar 2002

IP logged posted posted 05-12-2002 07:16 Edit Quote

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.

Slime
Lunatic (VI) Mad Scientist

From: Massachusetts, USA
Insane since: Mar 2000

IP logged posted posted 05-12-2002 22:23 Edit Quote

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; ?

u-neek
Bipolar (III) Inmate

From: Berlin, Germany
Insane since: Jan 2001

IP logged posted posted 05-13-2002 08:57 Edit Quote

Box Model Hack for further information.



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

CPrompt
Maniac (V) Inmate

From: there...no..there.....
Insane since: May 2001

IP logged posted posted 05-13-2002 14:10 Edit Quote

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~

rickindy
Nervous Wreck (II) Inmate

From: Indianapolis, In USA
Insane since: Jan 2002

IP logged posted posted 05-13-2002 14:19 Edit Quote

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

CPrompt
Maniac (V) Inmate

From: there...no..there.....
Insane since: May 2001

IP logged posted posted 05-13-2002 15:19 Edit Quote

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~

Slime
Lunatic (VI) Mad Scientist

From: Massachusetts, USA
Insane since: Mar 2000

IP logged posted posted 05-13-2002 22:47 Edit Quote

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.

DocOzone
Maniac (V) Lord Mad Scientist
Sovereign of all the lands Ozone and just beyond that little green line over there...

From: Stockholm, Sweden
Insane since: Mar 1994

IP logged posted posted 05-14-2002 02:27 Edit Quote

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-

Emperor
Maniac (V) Mad Scientist with Finglongers

From: Cell 53, East Wing
Insane since: Jul 2001

IP logged posted posted 05-14-2002 03:26 Edit Quote

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

DocOzone
Maniac (V) Lord Mad Scientist
Sovereign of all the lands Ozone and just beyond that little green line over there...

From: Stockholm, Sweden
Insane since: Mar 1994

IP logged posted posted 05-14-2002 13:07 Edit Quote

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-

Emperor
Maniac (V) Mad Scientist with Finglongers

From: Cell 53, East Wing
Insane since: Jul 2001

IP logged posted posted 05-14-2002 14:26 Edit Quote

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

InI
Paranoid (IV) Mad Scientist

From: Somewhere over the rainbow
Insane since: Mar 2001

IP logged posted posted 05-14-2002 15:25 Edit Quote

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.



Post Reply
 
Your User Name:
Your Password:
Login Options:
 
Your Text:
Loading...
Options:


« BackwardsOnwards »

Show Forum Drop Down Menu