johntabita
Programmer
Hello, all. I'd really appreciate any help from those of you who may have experienced this problem.
The trouble I am having is when using CSS margins with tables set at 100%. If I define the blockquote tag like so:
Then place a table inside the blockquote tag like so:
I would expect the table to horizontally fill the cell, less the margin specified in the style. However, what I end up with is content being cut off like so:
The only browser this happens in is IE5-6/PC. Netscape/PC and all Mac browsers render it as I expected. Is there a solution that will allow it to display consistently? Thanks!
The trouble I am having is when using CSS margins with tables set at 100%. If I define the blockquote tag like so:
Code:
/* margins for content */
blockquote {
margin: 4em 10% 5em 10%;
}
Then place a table inside the blockquote tag like so:
Code:
<blockquote>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>Main Content Stuff goes here</td>
</tr>
</table>
<blockquote>
I would expect the table to horizontally fill the cell, less the margin specified in the style. However, what I end up with is content being cut off like so:
The only browser this happens in is IE5-6/PC. Netscape/PC and all Mac browsers render it as I expected. Is there a solution that will allow it to display consistently? Thanks!