Why am I unable to attain proper vertical alignment between a DIV and a
TABLE here:
http://www.whbvillage.com/agenda-archives/agendex.html
The DIV is coded:
<DIV style="float: left;
background: transparent;
color: #000099;
line-height: 200%;
width: 40%;
text-align: left;
border: none;
margin: 10px;
padding: 10px;">
....while the TABLE is styled:
<TABLE style="background: transparent;
color: #0000ff;
width: 50%;
border: none;
margin: 10px;
padding: 10px;
line-height: 200%;">
The exterior style sheet is at:
http://www.whbvillage.com/css/main.css
Additionally, in MSIE 6 one will note two different <HR> thicknesses on
that page, yet both are styled identically... the top one as a DIV
border-bottom and the lower one as an <HR>.
{ border: solid 1px #0000ff; }
(Of course, in Netscape 7 the top one doesn't display at all while the
lower one is hollow.)
All comments gratefully accepted.
Thank you.
----
- Frank Wheeler... trying to immerse himself in CSS