[css-d] Absolute positioning of a legend in a form (works in IE but not in FF)

[Bernat Lleonart]

Hello,

I want to position a legend in a form. I've made te fieldset position:
relative, and the legend position: absolute.

It works in IE, but not in FF.

Any idea where is the problem?

Thanks

Here's the code:

**
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
http://www.w3.org/1999/xhtml"; xml:lang="ca">



form {
background: #fff;
border: 1px solid #ff8200;
border-top: 1em solid #ff8200;
margin: 0;
padding: 0;
width: 11em;
margin: auto;
}
fieldset {
margin: 0;
padding: 0;
border: 0;
position: relative;
}
legend {
position: absolute;
top: -1em;
}







Legend

Nom:










__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Absolute positioning of a legend in a form (works in IE but not in FF)

[Bernat Lleonart]

Hi,

On 6/17/06, Christian Montoya <[EMAIL PROTECTED]> wrote:

>
> Did you try:
> > legend {
> > position: absolute;
> > top: -1em;
>
> display:block;
>
> > }
>
> ?
>
I've just tried it but it doesn't work.

Thanks.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Absolute positioning of a legend in a form (works in IE but not in FF)

[Christian Montoya]

On 6/16/06, Bernat Lleonart <[EMAIL PROTECTED]> wrote:
> Hello,
>
> I want to position a legend in a form. I've made te fieldset position:
> relative, and the legend position: absolute.
>
> It works in IE, but not in FF.
>
> Any idea where is the problem?

Did you try:
> legend {
> position: absolute;
> top: -1em;

display:block;

> }

?

-- 
-- 
Christian Montoya
christianmontoya.com ... portfolio.christianmontoya.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Absolute positioning of a legend in a form (works in IE but not in FF)

[Ingo Chao]

Bernat Lleonart wrote:
> Hello,
> 
> I want to position a legend in a form. I've made te fieldset position:
> relative, and the legend position: absolute.
> 
> It works in IE, but not in FF.


see the Firefox installation folder,

/res/forms.css


legend {
   position: static ! important;
   float: none ! important;
   }


By design, you cannot position or float it from within an author style 
sheet.


Ingo

-- 
http://www.satzansatz.de/css.html
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Absolute positioning of a legend in a form (works in IE but not in FF)

[Bernat Lleonart]

Hello,

On 6/17/06, Ingo Chao <[EMAIL PROTECTED]> wrote:
> Bernat Lleonart wrote:
> > Hello,
> >
> > I want to position a legend in a form. I've made te fieldset position:
> > relative, and the legend position: absolute.
> >
> > It works in IE, but not in FF.
>
>
> see the Firefox installation folder,
>
> /res/forms.css
>
>
> legend {
>position: static ! important;
>float: none ! important;
>}
>
>
> By design, you cannot position or float it from within an author style
> sheet.
>
>
> Ingo
>
Thanks for your explanation.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/