Re: [css-d] Top Border on Fieldset gone AWOL in IE
Holly Bergevin wrote:
From: Peter [EMAIL PROTECTED]
http://www.kuroiweb.com/forms/
This performs exactly as expected in FF, but in IE6 and IE7 the top
border (the only one set) on all fieldsets except the last one is not
visible
Hi Peter,
In your ie_styles.css, remove the width from the legend ruleset and IE should
play along.
legend {
position: relative;
left: -7px;
top: -0.75em;
/* width: 100%; */ /* remove this */
}
Side benefit (tee hee) - the horizontal scroll bar goes away, too.
~holly
Many thanks Holly. This put me on the right path.
I inserted the width:100% to cope with a problem specific to IE7,
namely that each word of the fieldset legend is being wrapped. This can
be seen at http://www.kuroiweb.com/forms/ and using display:block
(which would have been a better solution than width:100% anyway) also
causes the top border to run for cover. Setting an fixed width gives it
partial cover for the duration of the width (big clue huh?).
If there's a quick solution to this I'd be interested. It appears to be
wrapped up with the use of relative positioning on the legend. Doesn't
matter what I do, remove the top: -0.75em or give it a positive value,
so long as the legend is relative and has a width, that top-border
doesn't play nicely.
Not a huge deal if there's no easy answer, as I've managed to work
around it by dropping the relative positioning
(http://www.kuroiweb.com/forms2/), so this is mainly just 'cos I don't
like getting beat on these issues.
Peter
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Top Border on Fieldset gone AWOL in IE
Hi,
Is there a beginner's site that teaches me, in simple terms, how to create
CSS files? The sites I tried so far are rather hard to follow. Also, if I
already have a site with lots of pages, is it possible/worthwhile to go the
CSS way midstream, or is too late?
Thanks in advance.
Harry
http://harry.cckerala.com
- Original Message -
From: Peter [EMAIL PROTECTED]
To: [EMAIL PROTECTED]
Cc: css-d@lists.css-discuss.org
Sent: Sunday, May 18, 2008 2:41 AM
Subject: Re: [css-d] Top Border on Fieldset gone AWOL in IE
Holly Bergevin wrote:
From: Peter [EMAIL PROTECTED]
http://www.kuroiweb.com/forms/
This performs exactly as expected in FF, but in IE6 and IE7 the top
border (the only one set) on all fieldsets except the last one is not
visible
Hi Peter,
In your ie_styles.css, remove the width from the legend ruleset and IE
should play along.
legend {
position: relative;
left: -7px;
top: -0.75em;
/* width: 100%; */ /* remove this */
}
Side benefit (tee hee) - the horizontal scroll bar goes away, too.
~holly
Many thanks Holly. This put me on the right path.
I inserted the width:100% to cope with a problem specific to IE7,
namely that each word of the fieldset legend is being wrapped. This can
be seen at http://www.kuroiweb.com/forms/ and using display:block
(which would have been a better solution than width:100% anyway) also
causes the top border to run for cover. Setting an fixed width gives it
partial cover for the duration of the width (big clue huh?).
If there's a quick solution to this I'd be interested. It appears to be
wrapped up with the use of relative positioning on the legend. Doesn't
matter what I do, remove the top: -0.75em or give it a positive value,
so long as the legend is relative and has a width, that top-border
doesn't play nicely.
Not a huge deal if there's no easy answer, as I've managed to work
around it by dropping the relative positioning
(http://www.kuroiweb.com/forms2/), so this is mainly just 'cos I don't
like getting beat on these issues.
Peter
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Top Border on Fieldset gone AWOL in IE
Here's a little nugget that has me stumped. I'm hoping that somebody out there can spot what I'm missing (and that it doesn't prove too embarassing!) Here's a link to a cutdown example of the problem http://www.kuroiweb.com/forms/ This performs exactly as expected in FF, but in IE6 and IE7 the top border (the only one set) on all fieldsets except the last one is not visible (I've colored them red to make them obvious). I've tried making them very big (e.g. width 100px) in case they are slightly obscured, but they still refuse to show themselves. Any ideas about how they can be tempted out into the open would be much appreciated. Peter __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Top Border on Fieldset gone AWOL in IE
Peter wrote:
http://www.kuroiweb.com/forms/
This performs exactly as expected in FF, but in IE6 and IE7 the top
border (the only one set) on all fieldsets except the last one is not
visible
Peter
fieldset {
zoom:1;
}
Reference:
http://www.satzansatz.de/cssd/onhavinglayout.html
--
http://chelseacreekstudio.com/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Top Border on Fieldset gone AWOL in IE
David Laakso wrote:
Peter wrote:
http://www.kuroiweb.com/forms/
This performs exactly as expected in FF, but in IE6 and IE7 the top
border (the only one set) on all fieldsets except the last one is not
visible
Peter
fieldset {
zoom:1;
}
Reference:
http://www.satzansatz.de/cssd/onhavinglayout.html
Good idea, helpful reference, but sadly doesn't solve the problem. Have
added it to the main styles.css to demonstrate.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Top Border on Fieldset gone AWOL in IE
Peter wrote:
David Laakso wrote:
Peter wrote:
http://www.kuroiweb.com/forms/
This performs exactly as expected in FF, but in IE6 and IE7 the top
border (the only one set) on all fieldsets except the last one is not
visible
Peter
fieldset {
zoom:1;
}
Reference:
http://www.satzansatz.de/cssd/onhavinglayout.html
Good idea, helpful reference, but sadly doesn't solve the problem. Have
added it to the main styles.css to demonstrate.
I guess I just don't understand. Either way, I get red rules in XP IE/6
and IE/7 and you do not.
http://www.chelseacreekstudio.com/ca/cssd/ff.html
--
http://chelseacreekstudio.com/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Top Border on Fieldset gone AWOL in IE
David Laakso wrote:
http://www.kuroiweb.com/forms/
This performs exactly as expected in FF, but in IE6 and IE7 the top
border (the only one set) on all fieldsets except the last one is not
visible
Peter
fieldset {
zoom:1;
}
Reference:
http://www.satzansatz.de/cssd/onhavinglayout.html
Good idea, helpful reference, but sadly doesn't solve the problem. Have
added it to the main styles.css to demonstrate.
I guess I just don't understand. Either way, I get red rules in XP IE/6
and IE/7 and you do not.
http://www.chelseacreekstudio.com/ca/cssd/ff.html
I think I will crawl under a rock. No red rules here, either.
--
http://chelseacreekstudio.com/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Top Border on Fieldset gone AWOL in IE
From: Peter [EMAIL PROTECTED]
http://www.kuroiweb.com/forms/
This performs exactly as expected in FF, but in IE6 and IE7 the top
border (the only one set) on all fieldsets except the last one is not
visible
Hi Peter,
In your ie_styles.css, remove the width from the legend ruleset and IE should
play along.
legend {
position: relative;
left: -7px;
top: -0.75em;
/* width: 100%; */ /* remove this */
}
Side benefit (tee hee) - the horizontal scroll bar goes away, too.
~holly
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
