Hi Brett & css-d,
On 6/28/05, Brett Lucas <[EMAIL PROTECTED]> wrote:
> In a link list I have on my site I have a problem in
> Mozilla browsers..The title line(style=searchtitleevent) is wrapping on lower
> screen recolutions...and overlapping the next div
> (searchvenue) causing an unplanned and annoying effect.
> ...
> <div class="searchresult">
> <div class="searchtitleevent"><a
> href="topics/newlect1.php">Training Event for New
> Lecturers</a></div>
> <div class="searchvenue">
> <em><strong>Venue:</strong></em> Birmingham Conference
> Park - December 2004</div>
> <div
> class="searchurl"><em><strong>Theme:</strong></em> <a
> href="newlect.php">New Lecturers</a></div>
> </div>
>
> the styles are as follows:
>
> .searchtitleevent { ...
> height: 20px;
>... }
Mozilla (Firefox for me) is obeying strictly your height declaration
and then overflows any overflowing text (which seems to float above
the other content) whereas IE treats it like a minimum height -- if
your layout demands that it IS a min-height then you could hack your
way around IE like this:
.searchtitleevent {
min-height: 20px; /* the value for CSS browsers */
}
* html .searchtitleevent {
height: 20px; /* the value for IE Win */
}
(There is an additional clause for being nice to IE/Mac that I forget
at the moment... more info on the css-d wiki:
http://css-discuss.incutio.com/?page=CssHack)
James
PS: Hi Brett! I'm in HE in the UK & look at the HEA site occasionally ;-)
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
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/
