On Nov 29, 2008, at 9:40 AM, A.K. Allen wrote:
> Dear All,
>
> I am working on the same 3 column liquid layout. The problem now is
> a large gap between rows of news stories in the center column. I
> added a negative top margin to the second row to bring it up, but I
> don't understand what is causing it. Here is the version without
> the negative margin fix and with, respectively.
>
> http://frank.mtsu.edu/~provost/MT_home/mt_bulletproof.shtml
>
> http://frank.mtsu.edu/~provost/MT_home/mt_bulletproof2.shtml
>
> I also don't understand why there is a space under the thumbnail and
> title even though I've specified a height and no margin or padding.
> This is all getting too complicated and I'm thinking about going to
> a fixed width layout, but I'd love to make this work. Can anyone
> help?
all those bottom-margins on #content div accumulate, because each div
establishes a new block formatting context (they are floated or have
'display:inline-block'). In that case, margins don't collapse.
All those divs also have a bottom padding, which accumulate as well.
Try:
#content div {
margin-bottom:0;
padding:10px 10px 0;
}
The fine-tune at the level of individual divs. Maybe add back some
padding or margin on div.title or/and div.columnLeft,...
Philippe
---
Philippe Wittenbergh
http://l-c-n.com/
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
