Re: [css-d] Simple form get trould in IE 6

2006-03-07 Thread Gunlaug Sørtun 
Dinh wrote:
> I have designed a simple css form with 2 div put into a form like 
> this http://pcdinh.dotgeek.org/css/forms/form3.html

> A trouble here is although I try to align a div to the left to allow 
> the rest div floats to the right, making that form look table-like, I
> can not make it work on IE6.

The problem is caused by 'position: absolute' on div#left.
Absolute positioned elements won't float, so you either have to position
it or float it. IE is too buggy to figure out what to do with it, but
that's the least problematic part.

A slightly better solution would be...

div#left {
   padding-top:5px;
   width:50%;
   float:left;
   background-color:#CC9966;
   min-width: 375px /* adjust to taste */;
}
div#right {
   padding-top:5px;
   width: 50%;
   float: left;
   background-color:#9933FF;
   margin-right: -3px;
   min-width: 375px /* adjust to taste */;
}

...which will line up nicely as long as there's enough space, and
linearize below that. It's working either way.

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/

[css-d] Simple form get trould in IE 6

2006-03-07 Thread Dinh 
Hi everybody,

I have designed a simple css form with 2 div put into a form like this
http://pcdinh.dotgeek.org/css/forms/form3.html

A trouble here is although I try to align a div to the left to allow the
rest div floats to the right, making that form look table-like, I can not
make it work on IE6. In IE, the two div has floated both to the right. With
Firefox 1.5, I think it is Ok.**

Could anyone help me to solve this problem?

Thanks

Dinh

--
Who am I?
__
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/