Sent by Pringle, Ron on 29 November 2004 22:10
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.
Containing div with following class applied:
..eventsummary {
background-color: #dee0d5;
border: 1px solid #333;
padding: 0;
margin: 0;
width: 95%;
height: auto;
}
Floated divs with the following classes assigned:
..eventleft {
padding: .5em;
margin: 0;
float: left;
background-color: #ccc;
}
..eventright {
background-color: #c9c9bc;
border-left: 1px dashed #333;
padding: .5em;
margin: 0;
float:left;
width: 60%;
}
I've tried lots of combinations of widths and floats applied to both
containers to no avail. I'm using classes because there will be multiple
events listed on the page.
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/