RE: CSS / Fieldset / IE
Did you try background-color: transparent;? Or set the margin/padding to 0px; -Original Message- From: Tangorre, Michael [mailto:[EMAIL PROTECTED] Sent: Thursday, July 28, 2005 12:52 PM To: CF-Talk Subject: OT: CSS / Fieldset / IE Does anyone know of a way to remove the extra area above a fieldset/legend that shows up in IE when the fieldset has a different background color than the page background color? It looks perfect in FF but in IE the background color of the fieldset bleeds above the border of the fieldset... any CSS hacks or tricks? Thanks! Mike ~| Logware (www.logware.us): a new and convenient web-based time tracking application. Start tracking and documenting hours spent on a project or with a client with Logware today. Try it for free with a 15 day trial account. http://www.houseoffusion.com/banners/view.cfm?bannerid=67 Message: http://www.houseoffusion.com/lists.cfm/link=i:4:213191 Archives: http://www.houseoffusion.com/cf_lists/threads.cfm/4 Subscription: http://www.houseoffusion.com/lists.cfm/link=s:4 Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4 Donations Support: http://www.houseoffusion.com/tiny.cfm/54
RE: CSS / Fieldset / IE
Subject: RE: CSS / Fieldset / IE Here is an example of what I am talking about... www.cfcoder.com/test.html ~| Discover CFTicket - The leading ColdFusion Help Desk and Trouble Ticket application http://www.houseoffusion.com/banners/view.cfm?bannerid=48 Message: http://www.houseoffusion.com/lists.cfm/link=i:4:213192 Archives: http://www.houseoffusion.com/cf_lists/threads.cfm/4 Subscription: http://www.houseoffusion.com/lists.cfm/link=s:4 Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.4 Donations Support: http://www.houseoffusion.com/tiny.cfm/54
RE: CSS / Fieldset / IE
-Original Message- From: Tangorre, Michael [mailto:[EMAIL PROTECTED] Sent: Thursday, July 28, 2005 12:52 PM To: CF-Talk Subject: OT: CSS / Fieldset / IE Does anyone know of a way to remove the extra area above a fieldset/legend that shows up in IE when the fieldset has a different background color than the page background color? It looks perfect in FF but in IE the background color of the fieldset bleeds above the border of the fieldset... any CSS hacks or tricks? That feels like something that's probably not in the CSS spec (and thus left to agent developer's to decide)... if so then both implementations can be right. But if you want to force it you might try setting a background graphic on the fieldset that's pinned to the top, tiles horizontally, matches the page's background color and is only as tall as the space you want to mask. Jim Davis ~| Find out how CFTicket can increase your company's customer support efficiency by 100% http://www.houseoffusion.com/banners/view.cfm?bannerid=49 Message: http://www.houseoffusion.com/lists.cfm/link=i:4:213197 Archives: http://www.houseoffusion.com/cf_lists/threads.cfm/4 Subscription: http://www.houseoffusion.com/lists.cfm/link=s:4 Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.4 Donations Support: http://www.houseoffusion.com/tiny.cfm/54
RE: CSS / Fieldset / IE
This is about as close as I could get without the final tweaking to get the dimensions the same on both browsers. The margins need to be modified for IE to not overlap the form field with the legend. I found a few posts that say, basically, that this can't be done. M!ke !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN html head titleUntitled/title /head body form style=margin: 10; fieldset style=background-color: #cc; margin: 10px; position: absolute; z-index: 3; legend style=background-color: white; margin-top: -10px; position: absolute; z-index: 2;New Inventory Item/legend label for=deviceName title=Device NameDevice Name:/label input type=text name=deviceName maxlength=50 /br / label for=make title=Device MakeMake:/label input type=text name=make maxlength=50 /br / label for=modelModel:/label input type=text name=model maxlength=50 /br / /fieldset /form /body /html -Original Message- From: Tangorre, Michael [mailto:[EMAIL PROTECTED] Sent: Thursday, July 28, 2005 1:12 PM To: CF-Talk Subject: RE: CSS / Fieldset / IE Subject: RE: CSS / Fieldset / IE Here is an example of what I am talking about... www.cfcoder.com/test.html ~| Logware (www.logware.us): a new and convenient web-based time tracking application. Start tracking and documenting hours spent on a project or with a client with Logware today. Try it for free with a 15 day trial account. http://www.houseoffusion.com/banners/view.cfm?bannerid=67 Message: http://www.houseoffusion.com/lists.cfm/link=i:4:213201 Archives: http://www.houseoffusion.com/cf_lists/threads.cfm/4 Subscription: http://www.houseoffusion.com/lists.cfm/link=s:4 Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.4 Donations Support: http://www.houseoffusion.com/tiny.cfm/54
RE: CSS / Fieldset / IE
From: Jim Davis [mailto:[EMAIL PROTECTED] That feels like something that's probably not in the CSS spec (and thus left to agent developer's to decide)... if so then both implementations can be right. But if you want to force it you might try setting a background graphic on the fieldset that's pinned to the top, tiles horizontally, matches the page's background color and is only as tall as the space you want to mask. Seems like it is a known issue with no nice x-browser solution. IE is coloring the bounding box of the whole fieldset including the legend; FF is coloring the bounding box of the fieldset without the legend. It doesn't have to do with the contents of the fieldset text, it has to do with where the background bounding box is when a fieldset has a legend. You could make a case for either way being correct. snipped from a website. ~| Discover CFTicket - The leading ColdFusion Help Desk and Trouble Ticket application http://www.houseoffusion.com/banners/view.cfm?bannerid=48 Message: http://www.houseoffusion.com/lists.cfm/link=i:4:213204 Archives: http://www.houseoffusion.com/cf_lists/threads.cfm/4 Subscription: http://www.houseoffusion.com/lists.cfm/link=s:4 Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.4 Donations Support: http://www.houseoffusion.com/tiny.cfm/54
RE: CSS / Fieldset / IE
My latest attempt gets it much closer in both browsers. I added an empty div tag to space the legend from the form fields. M!ke !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN html head titleUntitled/title /head body form fieldset style=background-color: #cc; margin: 10px; position: absolute; z-index: 3; legend style=background-color: white; margin-top: -8px; position: absolute; z-index: 2;New Inventory Item/legend div style=height: 10px;/div label for=deviceName title=Device NameDevice Name:/label input type=text name=deviceName maxlength=50 /br / label for=make title=Device MakeMake:/label input type=text name=make maxlength=50 /br / label for=modelModel:/label input type=text name=model maxlength=50 /br / /fieldset /form /body /html ~| Discover CFTicket - The leading ColdFusion Help Desk and Trouble Ticket application http://www.houseoffusion.com/banners/view.cfm?bannerid=48 Message: http://www.houseoffusion.com/lists.cfm/link=i:4:213208 Archives: http://www.houseoffusion.com/cf_lists/threads.cfm/4 Subscription: http://www.houseoffusion.com/lists.cfm/link=s:4 Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.4 Donations Support: http://www.houseoffusion.com/tiny.cfm/54
RE: CSS / Fieldset / IE
Yes it's annoying, I couldn't find any way round it either, so I just ended up using borders instead of fieldsets. Satachi Internet Development Web Development and Consulting Russ Michaels -Original Message- From: Tangorre, Michael [mailto:[EMAIL PROTECTED] Sent: 28 July 2005 19:12 To: CF-Talk Subject: RE: CSS / Fieldset / IE Subject: RE: CSS / Fieldset / IE Here is an example of what I am talking about... www.cfcoder.com/test.html ~| Find out how CFTicket can increase your company's customer support efficiency by 100% http://www.houseoffusion.com/banners/view.cfm?bannerid=49 Message: http://www.houseoffusion.com/lists.cfm/link=i:4:213228 Archives: http://www.houseoffusion.com/cf_lists/threads.cfm/4 Subscription: http://www.houseoffusion.com/lists.cfm/link=s:4 Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4 Donations Support: http://www.houseoffusion.com/tiny.cfm/54
RE: CSS / Fieldset / IE
I posted two solutions to this, but I didn't see them come through. Can anyone confirm that they went through? The final solution I had was with a div that controlled the spacing between the legend and the following content. If it didn't go through, I can probably duplicate it again, but I didn't keep a copy of the message I sent. M!ke -Original Message- From: Russ Michaels [mailto:[EMAIL PROTECTED] Sent: Thursday, July 28, 2005 3:27 PM To: CF-Talk Subject: RE: CSS / Fieldset / IE Yes it's annoying, I couldn't find any way round it either, so I just ended up using borders instead of fieldsets. Satachi Internet Development Web Development and Consulting Russ Michaels ~| Discover CFTicket - The leading ColdFusion Help Desk and Trouble Ticket application http://www.houseoffusion.com/banners/view.cfm?bannerid=48 Message: http://www.houseoffusion.com/lists.cfm/link=i:4:213233 Archives: http://www.houseoffusion.com/cf_lists/threads.cfm/4 Subscription: http://www.houseoffusion.com/lists.cfm/link=s:4 Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.4 Donations Support: http://www.houseoffusion.com/tiny.cfm/54
RE: CSS / Fieldset / IE
-Original Message- From: Dawson, Michael [mailto:[EMAIL PROTECTED] Sent: Thursday, July 28, 2005 4:41 PM To: CF-Talk Subject: RE: CSS / Fieldset / IE I posted two solutions to this, but I didn't see them come through. Can anyone confirm that they went through? The final solution I had was with a div that controlled the spacing between the legend and the following content. If it didn't go through, I can probably duplicate it again, but I didn't keep a copy of the message I sent. Came through here - check the archives at www.houseoffusion.com to get the message again. Jim Davis ~| Logware (www.logware.us): a new and convenient web-based time tracking application. Start tracking and documenting hours spent on a project or with a client with Logware today. Try it for free with a 15 day trial account. http://www.houseoffusion.com/banners/view.cfm?bannerid=67 Message: http://www.houseoffusion.com/lists.cfm/link=i:4:213242 Archives: http://www.houseoffusion.com/cf_lists/threads.cfm/4 Subscription: http://www.houseoffusion.com/lists.cfm/link=s:4 Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.4 Donations Support: http://www.houseoffusion.com/tiny.cfm/54