Here's a page (gray box): http://www.law.indiana.edu/alumni/index_.shtml
And another: http://www.law.indiana.edu/alumni/profiles/index.shtml The html source for the gray callout box on the first page and the "profile" items on the second page is a common html include file. I'd like to avoid multiple maintenance of the same text, but I have two uses that really probably need different markup. In the callout box on the first page, it would be better if the h2 could consume the full width of the callout box. But it can't because the floated image consumes space even if it's given top margin that visually moves it below the h2. I suppose an approach would be to move the image below the h2 in the markup. That would satisfy the needs of the gray box but complicate the "profile list" page. But there, I could probably push down the h2 with top margin to maintain a close approximation of vertical alignment of the image and h2 tops. I could also imagine some javascript to adjust the DOM for the gray box page. But if I could avoid it...that would be good. ;-) Does anyone see css rules that would let me hold the markup constant and satisfy the needs of both markup sites--in effect, css rules that would stop the floated image from consuming space *above* it, so that the h2 could reclaim that space consumed by the float? Put differently, is there some other positioning approach besides float that would shove the image down and let the h2 slide left? Thanks all. ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
