Gamaiel Zavala schrieb:
>
>> * html #outerborder, * html #innerborder {height: 1%; }
>>
> ... But unfortunately this introduced a new problem in IE... now there are extra right margins (or maybe padding) on several of the divs (only on the homepage). ... http://beta.geog.ucsb.edu/
Now the problem is your "spacer" with inline-style height: 50px; this dimension applies "layout" to the <p> ...
<div id="homeright"> <h2>Recent Publications</h2> <p style="height: 50px;"></p> <h2>Faculty Focus</h2>
Note that the "magic bullets" like giving layout via the Holly Hack {height :1% and so on} are flying in directions no humans (except the folks of IE7's devteam) can foresee ...
Remove the spacer: <div id="homeright"> <h2>Recent Publications</h2> <h2 class="spacer">Faculty Focus</h2>
.spacer {margin-top:50px}
(tested on a local file without javasript)
Ingo
Thanks Ingo, that definitely was the problem... but I fail to understand why. If I put any div or p under the "Recent Publications" heading, styled or not, I get the same problem. I'm likely to put a list there, which (luckily) seems to be fine. What really confuses me is that the content under "Faculty Focus" causes the same problem when moved under "Recent Publications" but is fine where it's at. Care to elaborate?
I was thinking about IE7 and the Holly hack, I guess I'll just have to wait and see and deal with it when the time comes. The funny thing is that my problems would be solved if I went back to the trusty table. :)
______________________________________________________________________
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/
