Greetings all,
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:
<td id="" class="hasevents" width="12%">
<!-- day of month label -->
<div class="datestamp">14</div>
<!-- event listing container -->
<div id="" class="event">
<div id="" class="">
<span class='' id='ev'> 8:30am</span>
<span class='title'>
<a id="mxc140" title="Finance Committee" class="tt
mxModal" href="http://knowarecms.net/SRPEDD/calendar?details=10"; rel=""
target="" style="color:inherit;display:block;position:relative;padding:3px
0 ;">Finance Committee</a>
</span>
<div class='modalContent' id='tips'>
</div>
</div>
<div id="" class="">
<span class='' id='ev'> 4:00pm</span>
<span class='title'>
<a id="mxc141" title="J.T.P.G. Meeting & Annual Cookout"
class="tt mxModal" href="http://knowarecms.net/SRPEDD/calendar?details=13";
rel="" target=""
style="color:inherit;display:block;position:relative;padding:3px 0
;">J.T.P.G. Meeting & Annual Cookout</a>
</span>
<div class='modalContent' id='tips'>
</div>
</div>
</div>
</td>
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.
This isn't a big deal to anyone but the layout designer, who wants the divs
to be closer. I could use a negative margin to move divs (other than the
first) up, but I'd rather understand the behavior I'm seeing here.
Thanks in advance for any help,
Erik
PS I haven't posted to the list in years, so if I slipped up with any
etiquette, my apologies...
--
Erik Domingo
______________________________________________________________________
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/
