Large tables in sharepoint goes beyound their bounds. The main reason why the table breaks is that the filename (in title row) are very long without any spaces!
<div class="fullWidth">
<div class="halfWidth left bottomHalfWidthLeft">
<div data-name="WebPartZone">
<div>
<WebPartPages:WebPartZone runat="server" ID="xxxx" AllowPersonalization="False" FrameType="Default" Orientation="Vertical" Title="Middle Half Width Left"><ZoneTemplate></ZoneTemplate></WebPartPages:WebPartZone>
</div>
</div>
</div>
<div class="halfWidth right bottomHalfWidthRight">
<div data-name="WebPartZone">
<div>
<WebPartPages:WebPartZone runat="server" ID="xxxxx" AllowPersonalization="False" FrameType="Default" Orientation="Vertical" Title="Middle Half Width Right"><ZoneTemplate></ZoneTemplate></WebPartPages:WebPartZone>
</div>
</div>
</div>
</div>
If I have a table (standard document library) with 5 columns (that should fit inside the webpart) in div "Middle Half Width Left" it goes beyound the webpart width.
Does anyone know how SP is calculating table column width?
What I want is that the title column shrinks so the whole table fits inside the webpart.
I've tried (css) without any luck:
table {
word-wrap: break-word;
table-layout:fixed;
width: 100%;
}