Re: [WSG] Fieldset background

[Thierry Koblentz]

David Laakso wrote:
>> IE6 doesn't appear to render the background correctly in a fieldset
>> with a legend (extends beyond top border).
>> Is there a fix or alternatively how would you hide the
>> background-color from IE6 only.
> Georg Sortun, who is on vacation and unable to reply to the list
> directly, asked me to pass this alternative solution to the problem on
> to you:
> 
> 

This seems to be working too:
fieldset legend,{position:absolute;top:-.5em;line-height:1em}

---
Regards,
Thierry | www.TJKDesign.com

PS: Georg, enjoy your vacation!


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] Fieldset background

[Jixor - Stephen I]

I haven't fully gone through this article but just having a quick look 
it seems like it might help you out.

http://www.sitepoint.com/article/fancy-form-design-css

Dean Matthews wrote:
Making my first attempt at non-table form styling with CSS and using 
Cameron Adams horiz template with clearing divs.


Putting a background color and image into the fieldset is working OK 
in Win Firefox and Mac Safari, Opera, OmniWeb but extends beyond the 
top of the "border" in Win IE6 to the top of the "legend" text.


Any way to get IE6 to play nice with the background?

Also, the whole layout falls apart in Mac Firefox if anyone cares to 
comment.






Thanks for any help,

Dean


**
The discussion list for  http://webstandardsgroup.org/

See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**








***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] Fieldset background

[David Laakso]

Dean Matthews wrote:
IE6 doesn't appear to render the background correctly in a fieldset 
with a legend (extends beyond top border).


Is there a fix or alternatively how would you hide the 
background-color from IE6 only.


Thanks,

Dean

Georg Sortun, who is on vacation and unable to reply to the list 
directly, asked me to pass this alternative solution to the problem on 
to you:




Regards,

~dL

--
http://chelseacreekstudio.com/



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] Fieldset background

[Dean Matthews]

On Jul 7, 2007, at 7:58 PM, Thierry Koblentz wrote:


If CSS validation is a concern for you then try:
fieldset {background-color:#ccc !important;background-color:#fff;}


Very elegant!

Thanks Thierry,

Dean




***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

RE: [WSG] Fieldset background

[Thierry Koblentz]

> On Behalf Of Dean Matthews
> 
> IE6 doesn't appear to render the background correctly in a fieldset
> with a legend (extends beyond top border).
> 
> Is there a fix or alternatively how would you hide the background-
> color from IE6 only.

You can override the background color with the "_" hack:
fieldset {background-color:#ccc;_background-color:#fff;}

Only ie 5/6 should pick up the second rule.

If CSS validation is a concern for you then try:
fieldset {background-color:#ccc !important;background-color:#fff;}

---
Regards,
Thierry | www.TJKDesign.com







***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] Fieldset background

[Dean Matthews]

On Jul 7, 2007, at 7:25 PM, Micky Hulse wrote:


Hope that helps.


Thanks Micky,

It does. Just what I needed.

Dean




***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] Fieldset background

[Micky Hulse]

Dean Matthews wrote:
IE6 doesn't appear to render the background correctly in a fieldset with 
a legend (extends beyond top border).


Oooh, yah. Fieldsets are tricky to style. I opt to keep things simple 
when it comes to fieldset/legends.


Is there a fix or alternatively how would you hide the background-color 
from IE6 only.


Use Conditional Comments.[1]

Fore example (in head, after main stylesheet call):



"IF IE on PC, and less than IE 7, Use this stylesheet (OR inline styles)"

I personally dropped support for anything less than IE 6 (just feed 
un-styled content), so the above works well for me.


In your case, you would probably want to put some styling in the 
conditional stylesheet that overrides your real style... maybe:


fieldset { background-color: transparent; }

...or give same background color as your container.

[1] 

Hope that helps. I am no guru, so I could have missed something.

Cheers,
Micky

--
Wishlists: 
   Switch: 
 BCC?: 
   My: 


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

[WSG] Fieldset background

[Dean Matthews]

IE6 doesn't appear to render the background correctly in a fieldset  
with a legend (extends beyond top border).


Is there a fix or alternatively how would you hide the background- 
color from IE6 only.


Thanks,

Dean




***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***