table caption width vs. table width

This forum is for all Flare issues related to styles, stylesheets and XML.
Post Reply
pdenchfield
Propellus Maximus
Posts: 574
Joined: Tue Oct 03, 2006 7:56 am
Location: Seattle, WA
Contact:
Contact pdenchfield

table caption width vs. table width

Post by pdenchfield »

I have table styles set to automatically set column width (and thus table width) by content. Looks great, except for the table caption, which is then constrained to the width of the table. Eager to hear suggestions.
table-caption-width-constrained.png
Topic XML for table 8-5:

Code: Select all

        <table class="TableStyle-Standard" style="caption-side: top;mc-table-style: url('../Resources_aa_Shared_ENG/TableStyles/Standard.css');" cellspacing="0">
            <caption valign="top" style="padding-bottom: 6pt;" MadCap:autonum="Table 1-1 "><a name="ch08_alara_1736120996_1270900"></a><a name="ch08_alara_1736120996_31498"></a>Transducer Surface Temperature Rise, Internal Use (°C)
            </caption>
            <col class="TableStyle-Standard-Column-Regular" />
            <col class="TableStyle-Standard-Column-Regular" style="width: 39px;" />
            <col class="TableStyle-Standard-Column-Regular" />
            <col class="TableStyle-Standard-Column-Regular" />
            <thead>
                <tr class="TableStyle-Standard-Head-Header1">
                    <th class="TableStyle-Standard-HeadE-Regular-Header1">
                        <p class="Table_head_center">Test</p>
                    </th>
                    <th class="TableStyle-Standard-HeadE-Regular-Header1">
                        <p class="Table_head_center">ICTx</p>
                    </th>
                    <th class="TableStyle-Standard-HeadE-Regular-Header1">
                        <p class="Table_head_center">SLAx</p>
                    </th>
                    <th class="TableStyle-Standard-HeadD-Regular-Header1">
                        <p class="Table_head_center">TEEx</p>
                    </th>
                </tr>
            </thead>
            <tbody>
                <tr class="TableStyle-Standard-Body-Row1">
                    <td class="TableStyle-Standard-BodyE-Regular-Row1">
                        <p class="Table_text_center">Still air</p>
                    </td>
                    <td class="TableStyle-Standard-BodyE-Regular-Row1">
                        <p class="Table_text_center">9.2</p>
                    </td>
                    <td class="TableStyle-Standard-BodyE-Regular-Row1">
                        <p class="Table_text_center">9.5</p>
                    </td>
                    <td class="TableStyle-Standard-BodyD-Regular-Row1">
                        <p class="Table_text_center">9.3</p>
                    </td>
                </tr>
                <tr class="TableStyle-Standard-Body-Row1">
                    <td class="TableStyle-Standard-BodyB-Regular-Row1">
                        <p class="Table_text_center">Simulated<br />Use</p>
                    </td>
                    <td class="TableStyle-Standard-BodyB-Regular-Row1">
                        <p class="Table_text_center">5.2</p>
                    </td>
                    <td class="TableStyle-Standard-BodyB-Regular-Row1">
                        <p class="Table_text_center">4.8</p>
                    </td>
                    <td class="TableStyle-Standard-BodyA-Regular-Row1">
                        <p class="Table_text_center">5.8</p>
                    </td>
                </tr>
            </tbody>
        </table>
Table styles XML (TableStyles/Standard.css):

Code: Select all

/* MadCap Table Style: */

/*<meta Version="9" />*/

mcTableStyle
{
	border-collapse: separate;
	border-spacing-y: 0;
	border-spacing-x: 0;
	name: Standard;
	cell-padding-left: 5px;
	cell-padding-right: 5px;
	cell-padding-top: 5px;
	cell-padding-bottom: 5px;
	max-id: 9;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	overflow: hidden;
}

mcTableColumnStyle
{
	span: 1;
	separator-style: solid;
	separator-width: 1px;
	separator-color: #ffffff;
	name: Regular;
	id: 0;
}

mcTableColumnStyle
{
	span: 1;
	id: 8;
	name: DarkShade;
	type: Manual;
	background-color: #8798b3;
	separator-style: solid;
	separator-width: 1px;
	separator-color: #ffffff;
}

mcTableHeadStyle
{
	span: 1;
	separator-style: solid;
	separator-width: 1px;
	separator-color: #ffffff;
	background-color: #9255A2;
	name: Header1;
	id: 2;
}

mcTableBodyStyle
{
	span: 1;
	separator-style: solid;
	separator-width: 1px;
	separator-color: #ffffff;
	name: Row1;
	id: 1;
	background-color: #f5f5f5;
	page-break-inside: avoid;
}

mcTableFootStyle
{
	span: 1;
	separator-style: solid;
	separator-widte: 1px;
	separator-color: #ffffff;
	name: Footer1;
	id: 3;
	separator-width: 1px;
}


/* Cell Styles: */
 
.TableStyle-Standard
{
	border-collapse: separate;
	overflow: hidden;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-spacing: 0px 0px;
}

.TableStyle-Standard-Column-Regular
{
	
}

.TableStyle-Standard-Column-DarkShade
{
	
}

.TableStyle-Standard-Head-Header1
{
	
}

.TableStyle-Standard-HeadI-Regular-Header1
{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #9255A2;
}

.TableStyle-Standard-HeadI-Regular-Header1 p
{
	
}

.TableStyle-Standard-HeadE-Regular-Header1
{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-right-width: 1px;
	border-right-color: #ffffff;
	border-right-style: solid;
	background-color: #9255A2;
	border-bottom-width: 1px;
	border-bottom-color: #ffffff;
	border-bottom-style: solid;
}

.TableStyle-Standard-HeadE-Regular-Header1 p
{
	
}

.TableStyle-Standard-HeadF-Regular-Header1
{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #9255A2;
	border-bottom-width: 1px;
	border-bottom-color: #ffffff;
	border-bottom-style: solid;
}

.TableStyle-Standard-HeadF-Regular-Header1 p
{
	
}

.TableStyle-Standard-HeadH-Regular-Header1
{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-right-width: 1px;
	border-right-color: #ffffff;
	border-right-style: solid;
	background-color: #9255A2;
}

.TableStyle-Standard-HeadH-Regular-Header1 p
{
	
}

.TableStyle-Standard-HeadD-Regular-Header1
{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #9255A2;
	border-bottom-width: 1px;
	border-bottom-color: #ffffff;
	border-bottom-style: solid;
}

.TableStyle-Standard-HeadD-Regular-Header1 p
{
	
}

.TableStyle-Standard-HeadC-Regular-Header1
{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #9255A2;
}

.TableStyle-Standard-HeadC-Regular-Header1 p
{
	
}

.TableStyle-Standard-HeadB-Regular-Header1
{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-right-width: 1px;
	border-right-color: #ffffff;
	border-right-style: solid;
	background-color: #9255A2;
}

.TableStyle-Standard-HeadB-Regular-Header1 p
{
	
}

.TableStyle-Standard-HeadA-Regular-Header1
{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #9255A2;
}

.TableStyle-Standard-HeadA-Regular-Header1 p
{
	
}

.TableStyle-Standard-HeadG-Regular-Header1
{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #9255A2;
}

.TableStyle-Standard-HeadG-Regular-Header1 p
{
	
}

.TableStyle-Standard-HeadI-DarkShade-Header1
{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #9255A2;
}

.TableStyle-Standard-HeadI-DarkShade-Header1 p
{
	
}

.TableStyle-Standard-HeadE-DarkShade-Header1
{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-right-width: 1px;
	border-right-color: #ffffff;
	border-right-style: solid;
	background-color: #9255A2;
	border-bottom-width: 1px;
	border-bottom-color: #ffffff;
	border-bottom-style: solid;
}

.TableStyle-Standard-HeadE-DarkShade-Header1 p
{
	
}

.TableStyle-Standard-HeadF-DarkShade-Header1
{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #9255A2;
	border-bottom-width: 1px;
	border-bottom-color: #ffffff;
	border-bottom-style: solid;
}

.TableStyle-Standard-HeadF-DarkShade-Header1 p
{
	
}

.TableStyle-Standard-HeadH-DarkShade-Header1
{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-right-width: 1px;
	border-right-color: #ffffff;
	border-right-style: solid;
	background-color: #9255A2;
}

.TableStyle-Standard-HeadH-DarkShade-Header1 p
{
	
}

.TableStyle-Standard-HeadD-DarkShade-Header1
{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #9255A2;
	border-bottom-width: 1px;
	border-bottom-color: #ffffff;
	border-bottom-style: solid;
}

.TableStyle-Standard-HeadD-DarkShade-Header1 p
{
	
}

.TableStyle-Standard-HeadC-DarkShade-Header1
{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #9255A2;
}

.TableStyle-Standard-HeadC-DarkShade-Header1 p
{
	
}

.TableStyle-Standard-HeadB-DarkShade-Header1
{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-right-width: 1px;
	border-right-color: #ffffff;
	border-right-style: solid;
	background-color: #9255A2;
}

.TableStyle-Standard-HeadB-DarkShade-Header1 p
{
	
}

.TableStyle-Standard-HeadA-DarkShade-Header1
{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #9255A2;
}

.TableStyle-Standard-HeadA-DarkShade-Header1 p
{
	
}

.TableStyle-Standard-HeadG-DarkShade-Header1
{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #9255A2;
}

.TableStyle-Standard-HeadG-DarkShade-Header1 p
{
	
}

.TableStyle-Standard-Foot-Footer1
{
	
}

.TableStyle-Standard-FootI-Regular-Footer1
{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.TableStyle-Standard-FootI-Regular-Footer1 p
{
	
}

.TableStyle-Standard-FootE-Regular-Footer1
{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-right-width: 1px;
	border-right-color: #ffffff;
	border-right-style: solid;
	border-top-width: 1px;
	border-top-color: #ffffff;
	border-top-style: solid;
}

.TableStyle-Standard-FootE-Regular-Footer1 p
{
	
}

.TableStyle-Standard-FootF-Regular-Footer1
{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top-width: 1px;
	border-top-color: #ffffff;
	border-top-style: solid;
}

.TableStyle-Standard-FootF-Regular-Footer1 p
{
	
}

.TableStyle-Standard-FootH-Regular-Footer1
{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-right-width: 1px;
	border-right-color: #ffffff;
	border-right-style: solid;
}

.TableStyle-Standard-FootH-Regular-Footer1 p
{
	
}

.TableStyle-Standard-FootD-Regular-Footer1
{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top-width: 1px;
	border-top-color: #ffffff;
	border-top-style: solid;
}

.TableStyle-Standard-FootD-Regular-Footer1 p
{
	
}

.TableStyle-Standard-FootC-Regular-Footer1
{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.TableStyle-Standard-FootC-Regular-Footer1 p
{
	
}

.TableStyle-Standard-FootB-Regular-Footer1
{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-right-width: 1px;
	border-right-color: #ffffff;
	border-right-style: solid;
}

.TableStyle-Standard-FootB-Regular-Footer1 p
{
	
}

.TableStyle-Standard-FootA-Regular-Footer1
{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.TableStyle-Standard-FootA-Regular-Footer1 p
{
	
}

.TableStyle-Standard-FootG-Regular-Footer1
{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.TableStyle-Standard-FootG-Regular-Footer1 p
{
	
}

.TableStyle-Standard-FootI-DarkShade-Footer1
{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #8798b3;
}

.TableStyle-Standard-FootI-DarkShade-Footer1 p
{
	
}

.TableStyle-Standard-FootE-DarkShade-Footer1
{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #8798b3;
	border-right-width: 1px;
	border-right-color: #ffffff;
	border-right-style: solid;
	border-top-width: 1px;
	border-top-color: #ffffff;
	border-top-style: solid;
}

.TableStyle-Standard-FootE-DarkShade-Footer1 p
{
	
}

.TableStyle-Standard-FootF-DarkShade-Footer1
{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #8798b3;
	border-top-width: 1px;
	border-top-color: #ffffff;
	border-top-style: solid;
}

.TableStyle-Standard-FootF-DarkShade-Footer1 p
{
	
}

.TableStyle-Standard-FootH-DarkShade-Footer1
{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #8798b3;
	border-right-width: 1px;
	border-right-color: #ffffff;
	border-right-style: solid;
}

.TableStyle-Standard-FootH-DarkShade-Footer1 p
{
	
}

.TableStyle-Standard-FootD-DarkShade-Footer1
{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #8798b3;
	border-top-width: 1px;
	border-top-color: #ffffff;
	border-top-style: solid;
}

.TableStyle-Standard-FootD-DarkShade-Footer1 p
{
	
}

.TableStyle-Standard-FootC-DarkShade-Footer1
{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #8798b3;
}

.TableStyle-Standard-FootC-DarkShade-Footer1 p
{
	
}

.TableStyle-Standard-FootB-DarkShade-Footer1
{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #8798b3;
	border-right-width: 1px;
	border-right-color: #ffffff;
	border-right-style: solid;
}

.TableStyle-Standard-FootB-DarkShade-Footer1 p
{
	
}

.TableStyle-Standard-FootA-DarkShade-Footer1
{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #8798b3;
}

.TableStyle-Standard-FootA-DarkShade-Footer1 p
{
	
}

.TableStyle-Standard-FootG-DarkShade-Footer1
{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #8798b3;
}

.TableStyle-Standard-FootG-DarkShade-Footer1 p
{
	
}

.TableStyle-Standard-Body-Row1
{
	page-break-inside: avoid;
}

.TableStyle-Standard-BodyI-Regular-Row1
{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #f5f5f5;
}

.TableStyle-Standard-BodyI-Regular-Row1 p
{
	
}

.TableStyle-Standard-BodyE-Regular-Row1
{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #f5f5f5;
	border-bottom-width: 1px;
	border-bottom-color: #ffffff;
	border-bottom-style: solid;
	border-right-width: 1px;
	border-right-color: #ffffff;
	border-right-style: solid;
}

.TableStyle-Standard-BodyE-Regular-Row1 p
{
	
}

.TableStyle-Standard-BodyF-Regular-Row1
{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #f5f5f5;
	border-bottom-width: 1px;
	border-bottom-color: #ffffff;
	border-bottom-style: solid;
}

.TableStyle-Standard-BodyF-Regular-Row1 p
{
	
}

.TableStyle-Standard-BodyH-Regular-Row1
{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #f5f5f5;
	border-right-width: 1px;
	border-right-color: #ffffff;
	border-right-style: solid;
}

.TableStyle-Standard-BodyH-Regular-Row1 p
{
	
}

.TableStyle-Standard-BodyD-Regular-Row1
{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #f5f5f5;
	border-bottom-width: 1px;
	border-bottom-color: #ffffff;
	border-bottom-style: solid;
}

.TableStyle-Standard-BodyD-Regular-Row1 p
{
	
}

.TableStyle-Standard-BodyC-Regular-Row1
{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #f5f5f5;
}

.TableStyle-Standard-BodyC-Regular-Row1 p
{
	
}

.TableStyle-Standard-BodyB-Regular-Row1
{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #f5f5f5;
	border-right-width: 1px;
	border-right-color: #ffffff;
	border-right-style: solid;
}

.TableStyle-Standard-BodyB-Regular-Row1 p
{
	
}

.TableStyle-Standard-BodyA-Regular-Row1
{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #f5f5f5;
}

.TableStyle-Standard-BodyA-Regular-Row1 p
{
	
}

.TableStyle-Standard-BodyG-Regular-Row1
{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #f5f5f5;
}

.TableStyle-Standard-BodyG-Regular-Row1 p
{
	
}

.TableStyle-Standard-BodyI-DarkShade-Row1
{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #8798b3;
}

.TableStyle-Standard-BodyI-DarkShade-Row1 p
{
	
}

.TableStyle-Standard-BodyE-DarkShade-Row1
{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-color: #ffffff;
	border-bottom-style: solid;
	background-color: #8798b3;
	border-right-width: 1px;
	border-right-color: #ffffff;
	border-right-style: solid;
}

.TableStyle-Standard-BodyE-DarkShade-Row1 p
{
	
}

.TableStyle-Standard-BodyF-DarkShade-Row1
{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-color: #ffffff;
	border-bottom-style: solid;
	background-color: #8798b3;
}

.TableStyle-Standard-BodyF-DarkShade-Row1 p
{
	
}

.TableStyle-Standard-BodyH-DarkShade-Row1
{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #8798b3;
	border-right-width: 1px;
	border-right-color: #ffffff;
	border-right-style: solid;
}

.TableStyle-Standard-BodyH-DarkShade-Row1 p
{
	
}

.TableStyle-Standard-BodyD-DarkShade-Row1
{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-color: #ffffff;
	border-bottom-style: solid;
	background-color: #8798b3;
}

.TableStyle-Standard-BodyD-DarkShade-Row1 p
{
	
}

.TableStyle-Standard-BodyC-DarkShade-Row1
{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #8798b3;
}

.TableStyle-Standard-BodyC-DarkShade-Row1 p
{
	
}

.TableStyle-Standard-BodyB-DarkShade-Row1
{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #8798b3;
	border-right-width: 1px;
	border-right-color: #ffffff;
	border-right-style: solid;
}

.TableStyle-Standard-BodyB-DarkShade-Row1 p
{
	
}

.TableStyle-Standard-BodyA-DarkShade-Row1
{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #8798b3;
}

.TableStyle-Standard-BodyA-DarkShade-Row1 p
{
	
}

.TableStyle-Standard-BodyG-DarkShade-Row1
{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #8798b3;
}

.TableStyle-Standard-BodyG-DarkShade-Row1 p
{
	
}
You do not have the required permissions to view the files attached to this post.
Top
Msquared
Propellus Maximus
Posts: 848
Joined: Mon Aug 06, 2012 10:19 am
Location: Southampton, UK

Re: table caption width vs. table width

Post by Msquared »

All my tables are set with margin-right: auto;

That takes them all up to the right hand edge of your margin, rather than just wide enough for the current content. Will that help with your caption?

I seem to remember that there is something slightly odd about setting this. From memory, this is what I think is odd.

I use table stylesheets, but this isn't a setting that you can set in the table stylesheet, I don't think. Whether or not you get it by default depends on how you add the table initially. If I remember correctly.

If you inert the table by clicking on the Table button, I think they come out one way, and if you insert the table by clicking on the drop-down arrow below the button, and selecting the number of rows and columns, I think they come out the other way.

So I just check the XML and hack it if necessary!

The only thing you have to be a bit wary of is if you use margin-right:auto, don't specify any column widths as they will be honoured first, before the extra space is spread around among the other cells. That could stop the spare space being spread around evenly to give the best layout. I note in your example, you do have one column with a specified width. I'd recommend you get rid of that if you use the auto setting.
Marjorie

My goal in life is to be as good a person as my dogs already think I am.
Top
pdenchfield
Propellus Maximus
Posts: 574
Joined: Tue Oct 03, 2006 7:56 am
Location: Seattle, WA
Contact:
Contact pdenchfield

Re: table caption width vs. table width

Post by pdenchfield »

Thanks, Marjorie. I want the table caption to use the full width of the page rather than be constrained by the width of the table. I wonder if this is possible. Do you know?
Top
rogersm
Sr. Propeller Head
Posts: 106
Joined: Fri Nov 07, 2014 4:29 am

Re: table caption width vs. table width

Post by rogersm »

Hi Pamela,

Just wondering if you found a solution to this?

thanks,
mark
Top
pdenchfield
Propellus Maximus
Posts: 574
Joined: Tue Oct 03, 2006 7:56 am
Location: Seattle, WA
Contact:
Contact pdenchfield

Re: table caption width vs. table width

Post by pdenchfield »

Sorry, no solution found yet and my current projects don't have this issue.
Top
Post Reply

Return to “Styles, Stylesheets and XML”