In the following code, I have an area with a padded margin and border that
fits nicely within the borders of the screen.
However, the table contents within it extend past the bounded area, past the
edge of the screen.
I would expect the containing DIV to extend past the edge of the screen
along with the table.
Any suggestions on keeping the table properly contained?
<style type="text/css">
<!--
body {
margin:10px;
background-color: #E8EED0;
}
.content {
border: solid 1px #BCCF78;
background-color: #FFFFFF;
width: 100%;
}
.content .internal {
margin: 10px;
}
th, td {
border: 1px solid #AAAAAA;
}
th {
background: #C0C0C0;
font-size:1.5em;
}
-->
</style>
</head>
<body>
<div class="content">
<div id="editable" class="internal">
<p>My table can potentially be very, very wide (many cells
horizontally)</p>
<p>But the surrounding DIV does not want to extend past the window edge, so
the table extends past the background, past the right boundary of the
window.</p>
<p>Any alternate solution to explicitly add a new background to the table,
though it is supposed to be contained inside the DIV? </p>
<table cellspacing="0">
<tr>
<th align="center">Nonwrappablecontent </th>
<th align="center">Nonwrappablecontent</th>
<th align="center">Nonwrappablecontent</th>
<th align="center">Nonwrappablecontent</th>
<th align="center">Nonwrappablecontent</th>
<th align="center">Nonwrappablecontent</th>
</tr>
<tr>
<td align="center">Content</td>
<td align="center">content</td>
<td align="center">content</td>
<td align="center">content</td>
<td align="center">content</td>
<td align="center">content</td>
</tr>
</table>
</div>
</div>
Will Budreau
Principal Technologist
w: 650-622-3028
im: binain
Entrust
Securing Digital Identities
& Information
www.entrust.com <http://www.entrust.com/>
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
