The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> width not working for FireFox
SanGowda
post Dec 4 2009, 01:53 AM
Post #1





Group: Members
Posts: 5
Joined: 4-December 09
Member No.: 10,498



Hi,

I am Using JSF tags to develop the User interface,the tag as below

<h:outputlabel style="width:120px";/>, will work fine in Internet explorer, but not in Firefox.

i even tried using different tags with same as above also but went in vain.

Can you help me if am wrong.

regards
Sandeep.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Dec 4 2009, 02:07 AM
Post #2


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,730
Joined: 9-August 06
Member No.: 6



Aren't JSF tags supposed to be interpreted on the server? If so, what is the output?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
SanGowda
post Dec 6 2009, 09:52 PM
Post #3





Group: Members
Posts: 5
Joined: 4-December 09
Member No.: 10,498



QUOTE(pandy @ Dec 4 2009, 02:07 AM) *

Aren't JSF tags supposed to be interpreted on the server? If so, what is the output?


Hi,
On server side its seen as 'width:120px' on interpreted JSF Tags.

regards
Sandeep.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Dec 6 2009, 09:59 PM
Post #4


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,730
Joined: 9-August 06
Member No.: 6



What does the resulting HTML look like? Browsers don't know what goes on on the server. They only see the end result.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
SanGowda
post Dec 13 2009, 11:06 AM
Post #5





Group: Members
Posts: 5
Joined: 4-December 09
Member No.: 10,498



QUOTE(pandy @ Dec 6 2009, 09:59 PM) *

What does the resulting HTML look like? Browsers don't know what goes on on the server. They only see the end result.



HI,

IN IE , <td><label style="width:120px;" class="rsLabel1">
Pending Suite </label></td>


In FireFox,

<td><label style="width:120px;" class="rsLabel1">
Pending Suite </label></td>

regards
Sandeep
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Dec 13 2009, 11:30 AM
Post #6


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,730
Joined: 9-August 06
Member No.: 6



FF and a lot of other browsers follow the spec. CSS 'width' doesn't apply to inline elements and LABEL is an inline element.
http://www.w3.org/TR/CSS2/visudet.html#propdef-width

LABEL shouldn't be used outside a form anyway, but maybe the whole table is in a form.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
SanGowda
post Dec 13 2009, 01:01 PM
Post #7





Group: Members
Posts: 5
Joined: 4-December 09
Member No.: 10,498



QUOTE(pandy @ Dec 13 2009, 11:30 AM) *

FF and a lot of other browsers follow the spec. CSS 'width' doesn't apply to inline elements and LABEL is an inline element.
http://www.w3.org/TR/CSS2/visudet.html#propdef-width

LABEL shouldn't be used outside a form anyway, but maybe the whole table is in a form.


Hi,
But it works for IE, how come?

regards
Sandeep
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Dec 13 2009, 01:17 PM
Post #8


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,730
Joined: 9-August 06
Member No.: 6



IE doesn't follow the spec regarding this. It does work as intended in FF - the width is ignored. Just use an element that width applied to. The TD for instance.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
SanGowda
post Dec 24 2009, 02:31 AM
Post #9





Group: Members
Posts: 5
Joined: 4-December 09
Member No.: 10,498



QUOTE(dealchecker290 @ Dec 23 2009, 06:47 AM) *

did you make cascading style sheet? add your Firefox attributed script also then it will be work on Firefox.
thank if not understand you can check this website
www.flashkitDOTorg

My CSS looks as below,
.rsLabel1 {
font-size: 14px;
font-family: "Times New Roman", serif;
width: 140px;
}

Can you please elaborate on "Firefox attributed script" , where to be added?, what is script line?

thanks in advance

Sandeep.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Dec 24 2009, 02:41 AM
Post #10


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,730
Joined: 9-August 06
Member No.: 6



There is no such thing. dealchecker290 is just babbling to get a chance to display his sig, me thinks.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 25th April 2024 - 06:35 AM