+ Start a Discussion

VisualForce CSS won't align righ

Hi - 


I am trying to get this visualforce page to align right so that it looks like it is part of the page, but no matter what I try if I use the Salesforce standard style classes, "dataCol" and "labelCol", it won't align right.  I've tried using inlline style with outputText fields, I've tried div tags, I've tried everything I think of,... please help.


Here is the code

<apex:page showHeader="false" standardController="Event" extensions="Controller_eventTZPage" >
 <apex:variable var="newUI" value="newSkinOn" 
        rendered="{!$User.UIThemeDisplayed = 'Theme3'}">

<apex:pageBlock mode="maindetail">
<apex:pageBlockSection >
<TABLE cellspacing="0" cellpadding="0" width="100%" height="100%"  class="eventable" id="eventtable">
<TD class="labelCol">Time Zone:</TD><TD class="dataCol"> <A href="{!UserURL}?noredirect=1" target="_newindow" >GMT{!UserProfileTimezone} ({!TimeZoneSidKey})</A></TD>
<TD class="labelCol">Local Start Time: </TD><TD class="dataCol"> {!TZStartTime}</TD>
<TD class="labelCol">Local End Time: </TD><TD class="dataCol"> {!TZEndTime}</TD>



 here is how it appears



Have you tried using pageBlockSectionItem to enclose the label and field. You need to use this tag for each label/field pairing