Hello again all,
Same source XHTMLL: http://8.3.8.136/
Same source CSS: http://8.3.8.136/style/ief001.css
All still validating.
This time I muddled through several hours of hair ripping before writing for
your help, just in case. :D
I'm having a seemingly unfixable float-drop problem on fixed width floats in
IE Mac.
Just below the sky blue bar containing the form elements (which I finally
resorted to an inelegant table to layout- but that's a crying jag for a
later question):
There are two floated divs within a parent wrapper that appear side-by-side
in all browsers with the exception of (of course) IE, where the right div
drops to a horizontal position below the left's bottom edge (but still
maintains its correct vertical alignment). I have tried removing the "clear:
both" from the wrapping parent to no avail, among about 50 thousand other
little things. Does this look familiar to you? Any advice you can giv will
be deeply appreciated.
Relevant XHTML:
<div id="contentwrap">
<!-- Main Stories -->
<div id="stories">
<h1 class="hidden">IEF: Preventing Blindness and Restoring Sight in the
Developing World</h1>
<p>SINCE 1961, the <a href="/" title="Learn more about the International Eye
Foundation.">International Eye Foundation</a> has worked across the globe to
to help people like <a href="/" title="Discover the difference IEF Programs
are making across the globe.">Josiah Bartlet</a> (pictured above) to see
again. <a href="/" title="Discover the difference IEF Programs are making
across the globe.">IEF Programs</a> pri ad everti fabellas, an pri quis
ferri takimata. Ex sed veritus ponderum, commodo luptatum eu pro. [ <a
href="/" title="Learn more about the International Eye Foundation.">About
IEF</a> ]</p>
<img src="images/iefstory001.jpg" alt="IEF Programs Making a Difference
Around the Globe" width="579" height="189" align="left" border="0" /></div>
<!-- IEF Updates -->
<div id="updates"><a href="/" title="Get the latest news and information
from IEF."><img src="images/update01.jpg" alt="Get the latest updates on IEF
news and happenings." width="176" height="84" align="left" border="0" /></a>
<h3>IEF Updates</h3>
<p>Vel an natum mucius percipit, sit no exerci aperiri, eum perfecto
evertitur <a href="/" title="Learn more about IEF's Sight Reach
Surgical® Program.">Sight Reach® Surgical</a> eu. Vim et malorum
verterem, te diam nonummy petentium pri. [ <a href="/" title="Learn more
about IEF's Sight Reach Surgical® Program.">SRS</a> ]</p>
<a href="/" title="Get the latest news and information from IEF."><img
src="images/update02.jpg" alt="Get the latest updates on IEF news and
happenings." width="176" height="84" align="left" border="0" /></a><h3>IEF
Updates</h3><p>Vel an natum mucius percipit, sit no exerci aperiri, eum
perfecto evertitur <a href="/" title="Learn more about IEF's Sight Reach
Surgical® Program.">Sight Reach® Surgical</a> eu. Vim et malorum
verterem, te diam nonummy petentium pri. [ <a href="/" title="Learn more
about IEF's Sight Reach Surgical® Program.">SRS</a> ]</p></div>
</div>
Relevant CSS:
/* Content Wrapper */
div#contentwrap {
display: block;
float: left;
width: 800px;
min-width: 800px;
margin: 0;
padding: 0;
background: transparent;
border-right: 0;
}
/* Left Side Home */
div#stories {
display: inline;
float: left;
width: 600px;
min-width: 600px;
margin: 0;
padding: 0;
background: transparent url(/images/iefheadline.gif) top left no-repeat;
border: 0;
}
/* Rotating Story */
div#stories p {
margin: 0;
padding: 46px 12px 22px 14px;
border: 0;
}
/* Feature Image */
div#stories img {
border: 1px solid #005cab;
margin: 0 0 10px 14px;
padding: 0;
}
/* Updates Column */
div#updates {
display: inline;
float: right;
width: 200px;
min-width: 200px;
margin: 0;
padding: 0;
border: 0;
}
div#updates img {
border: 1px solid #005cab;
margin: 10px 0 5px 10px;
padding: 0;
}
div#updates p {
margin: 0;
padding: 0 10px 15px 20px;
border: 0;
}
div#updates h1, h2, h3, h4, h5, h6 {
padding: 10px 10px 0 20px;
}
Many thanks for your kind attention!
Warmest,
Leigh
. . .
Leigh Baker-Foley
mailto:[EMAIL PROTECTED]
http://nodltd.com/
tel: 207-244-9088
______________________________________________________________________
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/
