From: "Tim Offenstein" <[EMAIL PROTECTED]>
Subject: [css-d] IE6 creating big gap
> The page is
> http://www.ahs.uiuc.edu/research/center/default.htm, the Staff
> IE6 is creating a huge gap between the director's
> information and the section title "Theme Leaders".
> -Tim
----------------------------------------------------------------
Hi Tim
The heading "Theme Leaders" and "Health" must be enclosed within
the same DIV floated to the left.
As you coded one DIV for "Theme Leaders" and another for "Health"
you broken the basic tamplate => DIV to the left folowed by DIV to the
right.
and this crashes the layout.
One possible solution is to change the following code fragment:
<div class="list-left">
<h3>Theme Leaders:</h3>
</div>
<div class="clear"><!-- empty comment --></div>
<div class="list-left">
<h4>Health</h4>
</div>
<div class="list-right">
<ul>
<li>Kenneth L. Watkin, PhD</li>
<li>...
by this one:
<div class="list-left">
<h3>Theme Leaders:</h3> <!-- adjust margins properly via CSS -->
<h4>Health</h4>
</div>
<div class="list-right">
<ul>
<li>Kenneth L. Watkin, PhD</li>
<li>...
And let's see if the rezising bug dissapear
with this fix.
Regards,
Maurício Samy Silva
http://www.maujor.com/
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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/
