Previous Message
Next Message

Re: [css-d] CSS bar chart

Sent by Eric A. Meyer on 6 January 2003 18:06


At 8:53 -0800 1/6/03, M. A. Sridhar wrote:

>Thanks for the input. That doesn't seem to resolve it, however. I changed all
>the measures in the file to pixels, and it still shows exactly as it did
>before under Mozilla.

    Oops, I see the problem, and it's here:

div.blueBar {
     background-color: blue;
     width: 10px;
     display: inline;
     margin-right: 2px;
     margin-left: 2px;
}

div.redBar {
     background-color: red;
     width: 10px;
     display: inline;
     margin-right: 2px;
     margin-left: 2px;
}

You've made your 'div' elements inline elements, and those elements 
are also non-replaced.  'height' doesn't apply to inline non-replaced 
elements[1], so Mozilla is ignoring the values (as will any CSS 
conformant browser).  What you need is the 'display' value 
'inline-block', which unfortunately isn't very well supported at this 
point.


[1] <http://www.w3.org/TR/CSS21/visudet.html#q15>

--
Eric A. Meyer (http://www.meyerweb.com/eric/), List Chaperone
"CSS is much too interesting and elegant to be not taken seriously."
   -- Martina Kosloff (http://www.mako4css.com/)
Previous Message
Next Message

Message thread: