[css-d] Form difference between FF and IE6

[mamrg]

Hi,

If you care to visit this page:
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 :(

Any help would be appreciated.

Warm Regards,
Mário Gamito

__
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/

Re: [css-d] Form difference between FF and IE6

[HighPowered]

You may want to check your DOCTYPE validation.

http://validator.w3.org/check?verbose=1uri=http%3A%2F%2Fwww.gamito.org%2Finscricao.php

Many times, while fixing validation issues you either solve or figure 
out what is causing strange behaviors. Then you can better determine if 
it is a browser bug that you're dealing with or something else.

- JC

mamrg wrote:
 Hi,

 If you care to visit this page:
 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 :(

 Any help would be appreciated.

 Warm Regards,
 Mário Gamito

 __
 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/

   


__
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/

Re: [css-d] Form difference between FF and IE6

[Gunlaug Sørtun]

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/