Previous Message
Next Message

2-Col Float Problem

Sent by Jim Davis on 30 November 2004 01:01


Ron,

Here is one possible solution:

http://www.jimdavis.org/test/0test.htm

You will note there is just one float: right and the margin-right of the left "column" is set to
clear the right floated element. This design permits either column to be the longest, so a
border-left or border-right between columns may be another problem to solve.

This is adapted from information at wellstyled.com: 
http://wellstyled.com/css-2col-fluid-layout.html

Jim

Ron Said...
> 
> End of day frustration setting in...
> 
> Trying to create a list of events utilizing a two column layout.
> 
> I have a containing div with two divs inside it, both floated left, followed
> by a clearing div. There is a large gap between the second div and the
> righthand side of the containing div that I cannot seem to eliminate.
> 
> HTML: http://www.aurora-il.org/testsite/events.htm
> 
> CSS: http://www.aurora-il.org/testsite/includes/default02.css
> 
> 
> Regards,
> Ron

______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
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/
Previous Message
Next Message

Possibly related: