Center div tag that works in Firefox

HCL Domino Domino Forum
1

Hi,

i am really having bother with this, I have read loads of conflicting advice when it comes to getting centering tables, text in FF and in IE.

Could someone please settle this for me, here is a snippet of code that is centre aligned in IE, but not in firefox :

<xp:td align=“center” styleClass=“tablealign”>

						<xp:div style="text-align:center" align="center">

						<xp:table style="width:408.0px" styleClass="tablealign">

							<xp:tr>

								<xp:td>



									<xp:div

										style="text-align:center">

										<xp:image url="/Request.jpg"

											id="image4">

											

										</xp:image>

									</xp:div>

								</xp:td>

								<xp:td>

									      

								</xp:td>

								<xp:td>

									      

								</xp:td>

								<xp:td>



									<xp:div

										style="text-align:center">

										<xp:image url="/Folder.jpg"

											id="image2">

											

										</xp:image>

									</xp:div>

								</xp:td>

								<xp:td>      

								</xp:td>

								<xp:td>      

								</xp:td>

								<xp:td style="text-align:center">

									<xp:image url="/KPI.jpg"

										id="image5">

									</xp:image></xp:td>

							</xp:tr>

							<xp:tr>

								<xp:td style="text-align:center">

									<xp:button value="New Request"

										id="NewReq" styleClass="profilesButtonCommand">

										<xp:this.disabled><![CDATA[#{javascript:var userName:NotesName = session.createName(@UserName());

if(@Contains(userName.getCommon(),“,”))

{

return false;

}else{

return true;

}}]]></xp:this.disabled><xp:eventHandler

											event="onclick" submit="true" refreshMode="complete"

											id="eventHandler3">

											<xp:this.action>

												<xp:openPage

													name="/en_Request.xsp" target="newDocument">

												</xp:openPage>

											</xp:this.action>

										</xp:eventHandler>

									</xp:button>

								</xp:td>

								<xp:td></xp:td>

								<xp:td></xp:td>

								<xp:td style="text-align:center">

									<xp:button value="View Requests"

										id="button2" styleClass="profilesButtonCommand">

										<xp:this.disabled><![CDATA[#{javascript:var userName:NotesName = session.createName(@UserName());

if(@Contains(userName.getCommon(),“,”))

{

return false;

}else{

return true;

}}]]></xp:this.disabled><xp:eventHandler

											event="onclick" submit="true" refreshMode="complete"

											id="eventHandler4">

											<xp:this.action>

												<xp:openPage

													name="/en_browse.xsp">

												</xp:openPage>

											</xp:this.action>

										</xp:eventHandler>

									</xp:button>

								</xp:td>

								<xp:td></xp:td>

								<xp:td></xp:td>

								<xp:td><xp:div style="text-align:center"><xp:button value="KPI Analysis" id="KPIButton" styleClass="profilesButtonCommand" style="text-align:center">

										

									<xp:eventHandler event="onclick" submit="false"><xp:this.handlers>

<xp:handler type="text/javascript">

	<xp:this.script><![CDATA[alert("KPI Analysis will be coming soon.");]]></xp:this.script>

</xp:handler></xp:this.handlers></xp:eventHandler></xp:button></xp:div></xp:td>

							</xp:tr>

						</xp:table></xp:div>



					</xp:td>

I would really appreciate being set straight here.

Thanks

Jamie