Re: [css-d] clear:float is causing layout problem

2005-06-27 Thread Gary Turner

Matt Tibbits wrote:

This problem only happens in Firefox. It seems to work fine in Explorer.

 


Basically, I have a 2 column layout with the left column being a float.

 


In the right column, I am using floats on various elements, such as images.

If I don't do a clear:both after my images, everything gets messy in
explorer. 

 


When I do the clear:both everything after the clearing element gets dropped
down below the bottom of the left menu.

 


You can see this in action here:
http://www.nbeastersealmarchofdimes.ca/esmod.new/forms.php


Give this a try:

ul.formpage li {
float: left;
width: 51%;
_width: 100%;
}

#content ul.formpage br {}

cheers,

gary
--
Anyone can build a usable web site.  It takes a graphics designer to
make it slow, confusing, and painful to use.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


[css-d] clear:float is causing layout problem

2005-06-27 Thread Matt Tibbits
This problem only happens in Firefox. It seems to work fine in Explorer.

 

Basically, I have a 2 column layout with the left column being a float.

 

In the right column, I am using floats on various elements, such as images.

If I don't do a clear:both after my images, everything gets messy in
explorer. 

 

When I do the clear:both everything after the clearing element gets dropped
down below the bottom of the left menu.

 

You can see this in action here:
http://www.nbeastersealmarchofdimes.ca/esmod.new/forms.php

 

Any help would be much appreciated.

 

Thanks,

 

Matt

 

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/