Who does Mozilla Follow for CSS specifications

Hi I notice that Firefox is more CSS compliant that IE8. What is the governing body that decides the direction of the CSS and other languages our browsers use.. Thank you.. .... www.udopage.com

Draw inner box-shadow on top of content for replaced elements?

This is a trial balloon -- it would ultimately need to get brought up to www-style, but I thought it might be good to see what we thought of it internally. The current specification of (-moz-)box-shadow says that "inset shadows are drawn above the background, but below the border and content." It seems to me that this is not a useful semantic for replaced elements. Consider <img> -- unless the image is known to be transparent throughout the inset-shadow area, you lose the shadow. By way of motivating example, consider http://people.mozilla.org/~zweinberg/inner-box-shadow-for-repl

Bug with a:link pseudo class in FF Win/Mac

Hi, while coding up a recent project I noticed some strange behavior in Firefox (3.5.5 OS X / 3.5.7 Win). Not all links receive the pseudo class a:link. Setting a css property in the following way: a {cursor: default;} a:link {cursor:pointer;} The Goal was to have Anchors not display the "Hand" cursor while Hyperlinks should display it. This results in random display of the "Hand" cursor for links. I can't see any pattern in this. Absolute and relative urls show this behavior. Even a link to the same page with just a different hash results in different display. I don't

Precedence when checking for more than one attribute

Hi I have two rule sets: toolbarbutton[command="cmd_newMainWindow"][type="menu-button"] { list-style-image: url("chrome://gmL/skin/newMainWindow_small.png"); } toolbarbutton[command="cmd_newMainWindow"] { list-style-image: url("chrome://gmL/skin/newMainWindow.png"); } What I want is to use a smaller image for the toolbar button, when it is of type "menu-button". What I expect is the more precise selector to have precedence over the less precise selector. In this case the first one is more precise, because it matches only on toolbar buttons with both attributes set acc

Default CSS

Is there someplace I can see the CSS defaults that Gecko applies when my style sheets don't specify some properties for an element or don't specify any properties at all for an element? Please don't suggest that I examine code. What I would really like to see is a default style sheet. -- David E. Ross <http://www.rossde.com/> Go to Mozdev at <http://www.mozdev.org/> for quick access to extensions for Firefox, Thunderbird, SeaMonkey, and other Mozilla-related applications. You can access Mozdev much more quickly than you can Mozilla Add-Ons.

print-css size measurements arbitrarily ignored by FF 3

I am trying to create an exact print layout so the physical paper output matches the size of some actual physical objects. I use standards-compliant CSS2.x with standards-compliant XHTML 1.x. But Firefox 3.0.0.x is causing problems by sometimes ignoring the specified size measurements and scaling the entire output to a completely different size. What is going on and how do I control it?

Specified, Computed, Used, Actual values

Hi everybody, newbie here... I'm a bit puzzled about the implementation details of the CSS standard and I'm looking at Mozilla in search of inspiration. In theory, Specified, Computed, Used and Actual values are relatively clear. The specified value comes from the content model/style sheet or is a default value, computed is an absolutized or inherited version of the specified value, used is the computed value in light of the actual layout of the document and the actual value deals with limitations of the output device or media. But questions quickly multiply when trying to im

-moz-image-region for background-image

Hi, I was just wondering if there were any plans on making a "-moz-image- region" for "background-image" in CSS for (X)HTML? /Jeffrey Ridout P.S. Posted this in mozilla.dev.tech.layout first since I didn't see mozilla.dev.tech.css

height/line-height in <td> rendering

Hi. I am building a <table> using some <td> that contains only images and other that contains only text, please look at: (example at http://elrond.aspix.it/tests/mozillaHeight.html) It seems that if I set "line-height:0px" Firefox build different tables compared with Opera and Safari ones (I think that Opera and Safari are right but it sound strange to me, maybe that I don't understand correcly css rules). If the tables uses borders all works fine... thank you Edoardo

Regression in the way broken font property values are parsed.

If you open http://wiki.developers.facebook.com/index.php/Main_Page with Firefox 3.1 or 3.2 you'll notice that the fonts on this page are huge. What happens is that there's a declaration on the body: body { font: x-small 'lucida grande' sans-serif; } but the size in that property is ignored. The coma between the font families is missing, so that should be invalid. Firefox 2, Opera 9.6/10, IE7, and WebKit all do still consider the size in the invalid property. It regressed between 2008-08-10-02 and 2008-08-11-02 which could be related to the @font-face landing. So t

problem to display border in IE7 and firefox

hello sir, my problem is that i have one listbox for displaying city list in this if i give any border colour like in "style:....." tag than its working only in FF which exactly i want but not working in IE7..... and my another question is that i have <hr> tag, the working in both browser is totally different IE7 not support some extra space while FF support some space problem. for that i add padding:0 and margine:0 but still my problem is there can u help me?????? please reply soon....

What is the syntax for stylesheet information inside a XUL files

Hi, In add-on development for FF a stylesheet file is imported as follow <?xml version="1.0"?> <?xml-stylesheet href="chrome://app/content/stylefile.css"?> <window> ... </window> but is it possible to enter the style information directly into the xul file and skip the stylefile.css? If so, what is the syntax?

Revert a styled SELECT in FF3/Mac back to default (ThreeDFace)

By default FF3 renders a select element with the native system look ( I'm on a Mac). I'm working on a large site where I need to override the site default styling for a SELECT ( border:1px solid #color). If I try to re-apply the original firefox rule ( as seen in firebug): border:2px inset threedface I still don't get the system look back, any ideas?

focus on table row ?

should it be possible to set focus on a table row? ..... if not is there any other (pseudo) method for setting applying css to the current row? ps I know I can use classes but it seems a bit of a hack

Forms hidden inside tables by default?

Hi all, Can anyone explain to me the rationale behind the following (from html.css)? tr > form:-moz-is-html, tbody > form:-moz-is-html, thead > form:-moz-is-html, tfoot > form:-moz-is-html, table > form:-moz-is-html { /* Important: don't show these forms in HTML */ display: none !important; } I have a funny feeling that this is supposed to target REALLY bad markup, and the moz-is-html may relate to the DOCTYPE in some fashion, but specific details would be good (that comment could be a bit more helpful). I ask because I'm trying to view content on a website (not mine) but

HTML Table freeze columns

Dear Friends I want make two or any number columns of an html table to freeze while i do horizontal scroll something like freeze pane in excel is it possible on firefox

Very strange problem with style sheets with embedded XULRunner & OS X

This is very odd, but perhaps something here will give someone an "ah ha" moment. The symptom with a very simple page including a <link>ed style sheet in the <head> is that the style isn't applied. document.stylesheets shows the stylesheet correctly and enabled, however document.stylesheets[0].cssStyles causes an error. An inline stylesheet with the same contents works fine. The page works fine in Firefox on Windows, Firefox on OS X, XULRunner in Eclipse on windows, but NOT in XULRunner in Eclipse on OS X. In each case this is Firefox 3 or XULRunner 1.9, Eclipse 3.4, OS X

Questions for Firefox 3.1 documentation work

I'm working on CSS doc updates for Firefox 3.1 and have a couple of questions: 1. Do we have column-gap support? It's not listed on the Firefox 3.1 doc page, but it's so closely related to column-rule that I suspect we have it. 2. Do we support column-rule-color, column-rule-style, and column-rule- width separately from column-rule? 3. I've documented moz-column-rule here; would appreciate it if someone would give it a review and make sure it's accurate and complete: http://developer.mozilla.org/En/CSS/-moz-column-rule Eric Shepherd Developer Documentation Lead Mozilla Cor

coloring of tab buttons

SeaMonkey 1.1.11 I've got something wrong somewhere, and I can't figure it out. Below is the script I'm using for my tab colorings. But, when I add -moz-appearance: button !important; to each tab style, my colors change. It changes to the default coloring of the Operating System Theme. So, how do I disable the OS themes for buttons, and use my style? In otherwords, how to I make my colors the default for buttons. I've tried adding: -moz-appearance: none !important; but that didn't do a thing Thanks /* Active tab White with bold red text and border*/ tab[selec

zebra stripes for the address bar

SeaMonkey 1.1.11 and ToyFactory Theme Stan S suggested I post this problem here. I have two set of scripts that give me zebra stripes for the address bar. See below. The first script is when I click on the drop down arrow and it gives me a list of links. The second script is when I start typing something in the address bar and it gives me suggested links. The problem is when I move my mouse on either one, its not highlighted very good. I'd like the highlighting to be yellow and MediumSpringGreen. Before adding the script, the highlighter was a dark blue, but now we

Floats and auto width calculation

This is a multi-part message in MIME format. --------------090108070803030707010505 Content-Type: text/plain; charset=ISO-8859-1; format=flowed Content-Transfer-Encoding: 7bit Look at the attached example. It has two adjacent inline boxes placed into a floated block which has width of 'auto'. Given enough viewport width the inline boxes are placed next to each other and the actual width of the floated block is just enough to hold them together. Using Mozilla 1.8.1.* or Opera 9.5* (and IE 6, with some CSS tweaks) when I narrow the browser window width so the inline boxes wr

Firefox 3 incorrect horizontal overflow, worked fine in Firefox 2

I can't seem to be able to get rid of horizontal scrollbars in FF3 in a sane way. There is a significant difference in how this works in FF2 and FF3. Have a look at this example: http://student.science.uva.nl/~rabdulla/test2.html Here's its source: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/ TR/html4/strict.dtd"> <html> <head> <style> ..opts div { display: inline; vertical-align:text-top; margin: 2px 6px 2px 0px; } ..opts div div { display: table-cell; width: auto; 1margin: 0px 4px 0px 4px; padding: 1px; font-weight: bold; white-sp

Firefox 3 font-size problem

I have found that, if the font size is set using values such as small, x-small, and xx-small, often the actual font size set by Firefox 3 is the same for two of these sizes. For example, often font-size:small and font-size:x-small both produce text of the same size. I have never seen this with any older version of Firefox, or indeed with any version of Mozilla. My gut feeling is that this is due to how Firefox 3 does fractional pixel rounding. For example, perhaps if the small and x-small sizes turn out to be 11.4 and 10.6 pixels respectively, Firefox might be rounding the

What is the difference between pseudo-element syntax "p:after" and "p::after" ?

What is the difference between pseudo-element syntax "p:after" and "p::after" ? in firefox trunk i see both syntax below works p:after { content: ... .... p::after { content: ... ....

text-indent and floats

This is a multi-part message in MIME format. --------------030701090000050209040108 Content-Type: text/plain; charset=ISO-8859-1; format=flowed Content-Transfer-Encoding: 7bit The following example displays differently in Mozilla (1.8.1.* and latest Firefox 3.0pre) compared to Opera 9.27, Safari 3.1.1 and IE 6 all on Windows: http://www.geocities.com/stanio/test/hanging-icon.html The relevant markup: <h2><a href="#"><img alt="" src="icon1.png" class="icon"> Lorem Ipsum Dolor Sit Amet Consectetuer Adipiscing Elit</a></h2> The image icon is floated to the left and H2 is

textContent is broken DIV floating over Vertical Scrollbar (overflow: auto)

Hi, I have two DIVs. One is the left column of my content and the other one is floating. Initially the second div is hidden (not even included in the code), but after some user actions it is then rendered from the server. My problem is that the text content in the floating DIV is broken on the left border of the underlying vertical scroll in the left column. Anyone knows how to fix this? Thanks in advance

Custom CSS selector / XBL binding, regression from bug 396613 - help wanted

Spin-off from bug 396613, comment 19. Our corporate product, Skyfire, experienced a painful regression with a custom CSS selector and XBL binding. One of our extensions inserts a CSS stylesheet tying the CSS selector to the binding. With the patch for the 1.8 branch, we found large grey boxes when the user executed the following steps: * Turn on Smart Fit. * Go to money.cnn.com and let it load. * Visit another page and let that load. * Hit the Back button. The patch in question affects code which fires when a CSS stylesheet is either added or removed from the document.

Getting style data when "style" attribute is defined

Hi. Where is the code for getting the style data when a style attribute is defined in the docuement element? I can guess that the style data can be obtained from the style rule(nsRuleNode) or style attribute(nsAttrValue) whether the style is defined in the style sheet or attribute(inline style). I found that nsStyleContext::GetStyleData() calls nsRuleNode::WalkRuleTree() to retrive the style data from rule node but I couldn't find the code in case of inline style. Thank you in advance.

Minimum font size impact - 'em' vs. percentage

This is a multi-part message in MIME format. --------------020800090000060407080400 Content-Type: text/plain; charset=ISO-8859-1; format=flowed Content-Transfer-Encoding: 7bit I want to get info whether the following behavior related to the usage of the "Minimum font size" preference is intended or is rather omission / deficiency in Mozilla 1.8.1.*. I know it won't going to change for the 1.8.1.* version but I'm pleased to notice it is already changed with Mozilla 1.9pre in a way more acceptable to me. I set my default proportional font size to 14px (sans-serif typeface) an

css inside javascript

Hi all I have a <div> element and its width is set by a css class (width:304px;) . But I want to get the width of the browser window and set that window as the width of my <div> element. Can somebody give an idea for this matter and i also like to know that can we use javascript inside css classes ? Thank you nishantha

impact of @-moz-document on rule-matching performance

Hi, Does using @-moz-document to group a bunch of rules by the intended target document have any impact on performance? It would make sense for it to have a kind of gross clipping effect, where if @-moz- document doesn't match then the selector are never tested, in which case you'd see a performance improvement. Is that actually how it works? Thanks.

"margin: auto" breaks fixed right positioning in FF 2.0.0.14

Hi. I've been having trouble using an external stylesheet to float out an element from a generated HTML page. The position:fixed and top:0px styles were honoured, but not right:10px. I finally tracked the problem down to an inline style 'margin: 0px auto' on the element its self. If I remove the 'auto' it works ok. See sample below. Is this a bug, or have I misunderstood the expected behaviour? Regards Brian <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Strict//EN"> <html> <head> <style type="text/css"> table.myclass { position: fixed; top: 10px; right:

margin-left

I have a style working in IE but not in FF. FF seems to be ignoring margin-left. I have a set of images displayed horizontally in a menu. I want to eliminate any space between them. However, in FF it trims only the right side of each image. Setting padding has little impact. For example, let's say the word IMAGE is the graphic. By adding margin-right: -9 I can cut the letter E off. I would like to also cut off the letter I. However, when I add margin-left, it cuts off the G and E. It leaves me with IMA when what I want is MAG. Unfortunately, this is not on the Inte

How to achieve this layout?

Hello all, Say I have this html: <html> <style> ..container {} ..one {float: left; height: 100px; width: 50px; background: #bbb;} ..two {width: 50px; height: 50px; background: #ccc;} ..three {top: 50px; right: 50px; width: 25px; height: 50px; background: #333;} ..four {top: 50px; right: 50px; width: 25px; height: 50px; background: #444;} </style> <body> <div class="container"> <div class="one">1</div> <div class="two">2</div> <div class="three">3</div> <div class="four">4</div> </div> </body> </html> I want this layout. How can I accomplish this with stylin

new >=144DPI (px scaling) bug?

Using 1.8.1.x, Safari 3.1, IE7, Konq 3.5.5 & Opera 9.26 tested variously on Linux & doz, http://mrmazda.no-ip.com/tmp/PointsDemo.html renders as expected. In trunk, with layout.css.dpi below 144, behavior is the same. But when trunk DPI is 144, the pink #main jumps out the right size of lavender #maintable. Can anyone identify a bug that needs filing or has been filed? -- "Let us not love with words or in talk only. Let us love by what we do." 1 John 3:18 NLV Team OS/2 ** Reg. Linux User #211409 Felix Miata *** http://mrmazda.no-ip.com/

Menus with CSS

Greetings I have sat down with a book (Beginning CSS Web Design, by Simon Collison) and created my own CSS template for my personal home page. => http://www.intergate.com/~waltwilliams/ I have found, however, that I still have to modify each page to add or remove a menu item. Isn't there some way to place the menu item in the CSS file so I only have to modify the menu only once? If someone can point me to a web site where I can find this info I would greatly appreciate it Walt

Why this float: right behavior?

Hi all, <style> div {display: inline;} </style> <div>1</div><div>2</div> This displays as expected: 1 2 But when I apply float: right to the right div, I get a surprise: 1 2 Why? Thanks, -Bill

clarification on firefox behaviour with inline elements

Hi, I've encountered behaviour that I find strange in Firefox (2.0.0.11) and I'm curious about wether Firefox is doing the right thing or not For various reasons, I don't want to use <table> for layout purposes, even though this example would be easily replaced by a <table>. <div class="FormRowLong"> <div class="FormCellLong">Text</div> </div> with a css of: ..FormRowLong { padding-left: 8px; width: 281px; height: 40px; background-color: #EFEFEE; } ..FormCellLong { padding-top: 14px; height: 12px; padding-bottom: 14px; width: 150px; backgrou

Can't get a page to break in Firefox 2.0.0.12

Hi, I am generating a long table from ASP.Net and I have the following class applied to two rows within that table: tr.break { page-break-before:always; } Not only I don't get the page break, but also when I hit "Print preview" I only get two pages: the first page with the beginning of the table, and the last page with the stuff that follows the table. Questions: 1. How do I get the page break to work properly in Firefox? 2. Why does the rest of the table disappear when tr has the class attribute set to "break"? Thank you.

Dynamic internal stylesheet?

Suppose I have an internal style sheet like this: ..a{font-size: 10px} ..b{font-size: 20px} and HTML like this: <p class="a">Hello</p> <p class="a">Goodbye</p> <p class="b">Hello again</p> In Firefox, is it possible to change the style sheet dynamically, using Javascript? For example, can I change the text size of class "a" in the style sheet, and have that text size be applied to all of the HTML elements that have class "a"? Thank you Susan

input, textarea colors

I have these commands in the userContent.css: input, textarea { background: #000080 !important; color: white !important; } input:focus, textarea:focus { background-color: #000099 !important; color: white !important; } These change the normal and when in focus _both_ text areas _and_ buttons colors. How can I specify different buttons colors? Or even better, if possible: How can I specify the system's 3D objects colors as buttons colors and the system's Window colors as the rest of textarea elements colors? Also: What css book would you recommend?

Combined class selector

Hi, Can anyone help my understanding of this combined selector: ..first .second a {color:#ddd;} This will change the color of any link that is a descendant of any element with a class of "second" which in turn must be a descendant of any element with a class of "first". Have I got that right and if not can anyone explain the correct answer? Thanks Snowblind

is it possible to disable css in a embed web browser?

Hi, all Now, I am working on a spider base on embed mozilla, it seems CSS is not necessary, so I want to know if it is possible to disable it by some nsI* API? -- regards - pdawei