I'm struggling with something really basic - how to get tables within
a DIV to behave nicely in bother MSIE and everything else.
I have a CSS-based design. The important part is a wrapper DIV (#main)
that contains an absolutely positioned right-hand bar (#right) and the
content area (#content). #content is kept away from the #right by
using a right margin.
Now, I have put a table inside the content area to see what happens.
Although I know most data tables should size to handle the data being
displayed, I deliberately set this one to a width of 100%. It broke in
MSIE, by pushing the width of the page way out.
What exactly is the right way to get this work. I figured it out once
before but have absolutely no idea what I did; after struggling to get
everything else right it seems to basic!
Thanks for any suggestions. The relevant snippets of CSS are below.
Anura
CSS snippets
#main {
width: 100%;
position: relative;
}
#content {
margin-right: 162px;
padding: 30px;
}
#right {
width: 162px;
position: absolute;
top: 0px;
right: 0px;
padding: 5px;
voice-family: "\"}\"";
voice-family:inherit;
width:152px;
}
******************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************
