Previous Message
Next Message

Re: [css-d] Fixed width within display:inline

Sent by Eric A. Meyer on 22 December 2002 12:12


At 21:08 +0000 12/21/02, Alex Robinson wrote:

>However the tabs shown are dependent on the size of the text within them.
>Is there any way of getting the tabs to be a fixed size? In effect, is
>there a way of using css to set the width of an element within another
>element that has its display set to inline?

    'width' doesn't apply to inline elements, and neither does 
'height', as per CSS2.1:10.3.1 
(http://www.w3.org/TR/CSS21/visudet.html#q4).  IE4/Win and IE5/Win 
did improperly apply those properties to inlines, and IE6/Win will do 
the same when in quirks mode.  In standards mode, it won't, and 
neither will other browsers.
    Note that CSS2.1 introduces a new 'display' type called 
'inline-block' 
(http://www.w3.org/TR/CSS21/visuren.html#propdef-display) that allows 
for an inline box to be treated sort of like a block-level element, 
but without the "line breaks" to before and after.  Unfortunately 
browser support for inline blocks is not the best right now, so 
relying on them is dicey.

--
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: