Welcome to WebmasterWorld Guest from

Forum Moderators: open

Message Too Old, No Replies

Opera 7.5's fieldset implementation



10:57 am on Jun 11, 2004 (gmt 0)

10+ Year Member

has anyone else noticed problems with opera 7.5's implementation fieldset?
when i place a fieldset in a (tableless css)form it becomes tiny - about 2-3ems in height. i think this is due to float all the form elements but firefox and IE get it "right".
is opera right or is it wrong? and if it is right then how can i modify a css form to respect opera's interpretation of it?


9:17 am on Jun 12, 2004 (gmt 0)

WebmasterWorld Senior Member blobfisk is a WebmasterWorld Top Contributor of All Time 10+ Year Member

Have you tried adding widths and/or heights to the form elements? Also, what is your fieldset in? A div or just the form?

Have a look at this page [quirksmode.org] and see if it helps - Opera gets a special mention and the <br /> hack may help you. Also look at your [blue]clear[/url] usage...



8:27 am on Jun 14, 2004 (gmt 0)

10+ Year Member

i have seen this page before but obviously skim-read the opera mention.
so it must be because i have

label, input{
float: left;

clear: left;

I don't really want to be adding <br />'s allover the place and I think its pretty poor that opera can't get this right. I really don't appreciate Opera at all.


9:14 am on Jun 14, 2004 (gmt 0)

If what you mean is that the size of the fieldset box ignores all the floated labels and inputs then Safari does the same - which probably means that it's the 'right' way to render it and the other browsers have it wrong.

The best solution I found (short of inserting <BR>'s was to add a div just before the </fieldset>:

<div style="clear: left;"><!-- --></div>



11:18 am on Jun 14, 2004 (gmt 0)

WebmasterWorld Senior Member suzyuk is a WebmasterWorld Top Contributor of All Time 10+ Year Member

Opera is doing the right thing..

if all the contents of the fieldset are floated, then they are removed from the flow and the fieldset doesn't "know" it's got any children.

One solution would be to float the fieldset too (width declared) as the specs state that a floated parent will stretch to contain it's floated children.

wertigon came up with a good solution for table-less Forms in this thread [webmasterworld.com]



11:12 am on Jun 16, 2004 (gmt 0)

10+ Year Member

thankyou suzyUK. thats fixed it. i know its naughty but i was quite happy to ignore this problem in opera if it was opera's implementation of the fieldset that was at fault. now i've discovered opera is correct i'm happy to fix it.

Featured Threads

Hot Threads This Week

Hot Threads This Month