mamrg wrote:
> http://www.gamito.org/inscricao.php
>
> you'll see that the form viwed in IE6 is positioned below in the
> pages, while in Firefox is viewed correctly.
>
> Is there a way to fix this in IE6 ? I'm going nuts, here :(
Obviously :-)
First: a bit about what you have now.
1: the styling of...
#rgtcol form {
padding: 0;
position: relative; top: 35%;
float: middle
}
...doesn't make sense - there is no such thing as 'float: middle', it's
either 'left', 'right' or 'none'. So, the existing float-value is
ignored - defaults to 'none'.
2: IE6 applies 'position: relative; top: 35%' - calculated from the
height of #rgtcol it seems. Other browsers don't.
That creates the position-difference.
Solution: simplify the positioning.
1: delete all <br /> used for spacing inside the paragraph above the
form. <br /> should never be used as spacer, and tends to give a pretty
unreliable default-space across browser-land.
2: delete existing form-style and use this instead...
#rgtcol form {
margin-top: 20px;
}
...and adjust that margin until it suits you. That'll position the form
the same in all browsers.
3: validate the HTML and CSS, as both have troublesome errors.
regards
Georg
--
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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/
