Matt Tibbits wrote:
>[...]
>"http://www.tibbits.ca/webdev/test.php"http://www.tibbits.ca/webdev/test.php
>
>It doesn’t seem to matter whether or not there is text floated to the left
>of this nested fieldset element. I’m thinking that it probably has something
>to do with the preceeding inline element occurring in the form of a legend
>tag…but not really sure.
>
>Can someone explain to me why this happens? Any suggestions on how to fix it
>would also be welcome.
>
>
Hi Matt,
I didn't get the stream of css-d mails the last day, so there is a
retard somewhere and maybe I'm too late. ;-)
- I cannot explain the "why?", but did some playing with margins and
paddings.
The result is this:
* Testpage 1
<http://home.tiscali.nl/developerscorner/css-discuss/test-tibbits_form-legend-1.htm>
It is working in FF1.07 and IE6 on Win98SE, but ... not in Opera(8.01),
while the original didn't come through in Opera either.
* See Opera-sceenshot
<http://home.tiscali.nl/developerscorner/css-discuss/images/screenshot-tibbits_Opera8.01.gif>.
Floating the inner fieldset doesn't help. Seems Opera just cannot manage
nested fieldsets.
Then I removed the outer fieldset, and replaced it by an alternative
"common styling". The result is this:
* Testpage 2
<http://home.tiscali.nl/developerscorner/css-discuss/test-tibbits_form-legend-2.htm>
Now working in Opera8.01 too! And according to browsershots: in Opera9,
in Safari on Mac, in FF1.5 on Linux, in IE7 on Win, and Konqueror on
Linux: too! [1]
:-) See:
*
http://browsershots.org/website/http://home.tiscali.nl/developerscorner/css-discuss/test-tibbits_form-legend-2.htm
I hope you can use some of this.
Succes and greetings,
francky
[1] for some of them fine tuning of the width of the form box (or input
width) is needed.
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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/
