On Mon, Aug 19, 2013 at 10:59 PM, Erik Domingo <edomin...@gmail.com> wrote:
> I need help discovering why certain divs seem to have extra height being > added to them on this page: > http://knowarecms.net/SRPEDD/index.php?id=17&maincat=17. If you look at > the > markup within the td element representing August 14, 2013 on this calendar, > you'll see markup like this: > > [...] > > > For some reason that I can't fathom, the child divs of the div with class > "event" have extra height at the bottom, equal to one blank line. I used > the dev tools in Firefox (Firebug) and Chrome to search for the cause, but > couldn't find anything. I even tried to remove the div with class > "modelContent" (which has display:none set on it) from the DOM, to no > effect. > If you want the <span> elements to behave like block boxes, you'll need to apply block formatting since they are inline by default. Example CSS: .event span.title { display: block; } More info: http://www.w3.org/TR/CSS2/visuren.html#block-formatting -- Jon Reece jon.re...@gmail.com ______________________________________________________________________ css-discuss [css-d@lists.css-discuss.org] 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/
