Thank you for your help. I'm ready to tear my hair out trying to get
this to work correctly, but I know it takes time to get the ins and outs
of css down. This is the first site I'm trying to build entirely in css,
so thanks for your patience.
As you said to do I added back the "width:100%" and added
"overflow:hidden" to the #container. Also, I removed the
"text-align:center" on the body and added a text-align:center to the
#header and #footer.
* #main dropping in IE6
* the "overflow:hidden" on #container seems to cut off some of the text,
rather than make it wrap to the next line. Is there a work around for
this so the text doesn't spill to the next column, but wraps to the next
line? See the #main column, right side for cut off text. Or is something
* I've forced the text in #main column to stay in the main column by
adding events to the #left column. If #left is shorter than #main the
content from #main is spilling left.
I did modify the code in the following ways (only showing the parts
different from your original code). Especially note that I added a
%width to #left and #main, after I removed the width in pixels.
padding: 0px 20px 0px 20px;
/* the width from #left (200px) + the negative margin from #container
margin-left:350px; (original 350px--tried changing this to 400px or
other, doesn't seem to effect, but if completely removed then the #main
drops in all FF, NE7, IE6.)
margin-left:-150px;(changed to -150px from -200px, b/c wanted the
sidebar farther right)
Dova H. Wilson
Marketing Communications Specialist
George Washington University Virginia Campus
44983 Knoll Square, Rm. 305
Ashburn, Virginia 20147
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/