Sent by David Dorward on 10 July 2004 13:01
On Sat, 2004-07-10 at 13:08, [EMAIL-REMOVED] wrote:
> I have an XHTML 1.1 form
> my css for the label is this:
> label { display: inline-block; width: 12em; }
>
> this works fine in IE 5+ (which surprised me somewhat i must say.)
So you are serving it as text/html? The spec says you "SHOULD NOT" do
that - why not stick to XHTML 1.0 Strict? Or HTML 4.01 Strict?
> however mozilla completely ignores the display: inline-block; rule
> and the css validator doesnt like it either. I checked the specs to
> make double sure and it is in the 2.1 spec (however it is not in the
> 2.0 spec)
Indeed - it in new for 2.1 (did you validate it using the 2.1 profile?).
It only "works" in IE 5 becuase IE 5 lets you apply the width property
to elements with display: inline (which it treats inline-block as).
> Is there a way i can recreate this effect in mozilla? using display:
> block pushes the input down to the next line and display: inline
> ignores the width.
Use display: block and float it.
--
David Dorward <http://blog.dorward.me.uk/> <http://dorward.me.uk/>
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
