FormItem label left align issue

hi experts,
I am very new to Flex. I am using Flex API and i have some issue with FormItem. I cannot make the labels left align. I found a style in web which is as follows.
<mx:Style>
.rightAlignedLabels {
text-align: center;
FormItem {
labelStyleName:rightAlignedLabels;
</mx:Style>
I want this to be used in my action script.But i do not understand to set this style via the API methods. I tried different ways as follows.
new FormItem().setStyle(..,..);
But still i coudn't figure it out. Please can sombody help.
Thanks,
Harshi

FormItem
labelStyleName : myFormItemLabelStyleName;
.myFormItemLabelStyleName
text-align : left;

Similar Messages

Left alignment issue with XML report having Excel as output..

Hello
I am using XML Publisher report and the output format as Excel. When my output opens in Excel all numeric values are right justified and all characters values are left justified. I want numeric values also left justified.. How to achieve this?

did you create dimension and put levels in the fact and dim sources? did you specify the number of element at each level?
Edited by: mma1709 on Sep 30, 2009 6:21 AM
Edited by: mma1709 on Sep 30, 2009 6:22 AM

How to left aligned fields label of panel form

hi am in jdeveloper 11.1.1.6.0, how can i left aligned fields label of panel form

this is my form,where must i put this af|panelFormLayout::label-cell {text-align: left;}
<af:panelFormLayout id="pfl6">
    <af:inputText value="#{bindings.Username.inputValue}"
                  label="     Username"
                  required="#{bindings.Username.hints.mandatory}"
                  columns="#{bindings.Username.hints.displayWidth}"
                  maximumLength="#{bindings.Username.hints.precision}"
                  shortDesc="#{bindings.Username.hints.tooltip}" id="it26">
      <f:validator binding="#{bindings.Username.validator}"/>
    </af:inputText>
    <af:inputText value="#{bindings.Firstname.inputValue}"
                  label="    Firstname"
                  required="#{bindings.Firstname.hints.mandatory}"
                  columns="#{bindings.Firstname.hints.displayWidth}"
                  maximumLength="#{bindings.Firstname.hints.precision}"
                  shortDesc="#{bindings.Firstname.hints.tooltip}" id="it21">
      <f:validator binding="#{bindings.Firstname.validator}"/>
    </af:inputText>
    <af:inputText value="#{bindings.Surname.inputValue}"
                  label="     Surname"
                  required="#{bindings.Surname.hints.mandatory}"
                  columns="#{bindings.Surname.hints.displayWidth}"
                  maximumLength="#{bindings.Surname.hints.precision}"
                  shortDesc="#{bindings.Surname.hints.tooltip}" id="it28">
      <f:validator binding="#{bindings.Surname.validator}"/>
    </af:inputText>
    <af:inputText value="#{bindings.Initials.inputValue}"
                  label="    Initials"
                  required="#{bindings.Initials.hints.mandatory}"
                  columns="#{bindings.Initials.hints.displayWidth}"
                  maximumLength="#{bindings.Initials.hints.precision}"
                  shortDesc="#{bindings.Initials.hints.tooltip}" id="it20">
      <f:validator binding="#{bindings.Initials.validator}"/>
    </af:inputText>
    <af:selectOneChoice value="#{bindings.Titlecode.inputValue}"
                        label="    Title"
                        required="#{bindings.Titlecode.hints.mandatory}"
                        shortDesc="#{bindings.Titlecode.hints.tooltip}"
                        id="soc6">
      <f:selectItems value="#{bindings.Titlecode.items}" id="si12"/>
    </af:selectOneChoice>
    <af:selectOneRadio value="#{bindings.Gender1.inputValue}"
                       label="     Gender"
                       required="#{bindings.Gender1.hints.mandatory}"
                       shortDesc="#{bindings.Gender1.hints.tooltip}" id="sor6">
      <f:selectItems value="#{bindings.Gender1.items}" id="si17"/>
    </af:selectOneRadio>
    <af:inputText value="#{bindings.Identitynumber.inputValue}"
                  label="    Identitynumber"
                  required="#{bindings.Identitynumber.hints.mandatory}"
                  columns="#{bindings.Identitynumber.hints.displayWidth}"
                  maximumLength="#{bindings.Identitynumber.hints.precision}"
                  shortDesc="#{bindings.Identitynumber.hints.tooltip}"
                  id="it25">
      <f:validator binding="#{bindings.Identitynumber.validator}"/>
    </af:inputText>
    <af:inputDate value="#{bindings.Dateofbirth.inputValue}"
                  label="    Dateofbirth"
                  required="#{bindings.Dateofbirth.hints.mandatory}"
                  shortDesc="#{bindings.Dateofbirth.hints.tooltip}" id="id3">
      <f:validator binding="#{bindings.Dateofbirth.validator}"/>
      <af:convertDateTime pattern="#{bindings.Dateofbirth.format}"/>
    </af:inputDate>
    <af:selectOneRadio value="#{bindings.Statuscode.inputValue}"
                       label="#{bindings.Statuscode.label}"
                       required="#{bindings.Statuscode.hints.mandatory}"
                       shortDesc="#{bindings.Statuscode.hints.tooltip}"
                       id="sor5">
      <f:selectItems value="#{bindings.Statuscode.items}" id="si7"/>
    </af:selectOneRadio>
    <af:inputText value="#{bindings.Emailaddress.inputValue}"
                  label="#{bindings.Emailaddress.hints.label}"
                  required="#{bindings.Emailaddress.hints.mandatory}"
                  columns="#{bindings.Emailaddress.hints.displayWidth}"
                  maximumLength="#{bindings.Emailaddress.hints.precision}"
                  shortDesc="#{bindings.Emailaddress.hints.tooltip}" id="it22">
      <f:validator binding="#{bindings.Emailaddress.validator}"/>
    </af:inputText>
    <af:inputText value="#{bindings.Termsandconditions.inputValue}"
                  label="#{bindings.Termsandconditions.hints.label}"
                  required="#{bindings.Termsandconditions.hints.mandatory}"
                  columns="#{bindings.Termsandconditions.hints.displayWidth}"
                  maximumLength="#{bindings.Termsandconditions.hints.precision}"
                  shortDesc="#{bindings.Termsandconditions.hints.tooltip}"
                  id="it24">
      <f:validator binding="#{bindings.Termsandconditions.validator}"/>
    </af:inputText>
    <af:selectOneChoice value="#{bindings.Branch.inputValue}"
                        label="#{bindings.Branch.label}"
                        required="#{bindings.Branch.hints.mandatory}"
                        shortDesc="#{bindings.Branch.hints.tooltip}" id="soc5">
      <f:selectItems value="#{bindings.Branch.items}" id="si11"/>
    </af:selectOneChoice>
    <af:inputComboboxListOfValues id="office1Id"
                                  popupTitle="Search and Select: #{bindings.Office1.hints.label}"
                                  value="#{bindings.Office1.inputValue}"
                                  label="#{bindings.Office1.hints.label}"
                                  model="#{bindings.Office1.listOfValuesModel}"
                                  required="#{bindings.Office1.hints.mandatory}"
                                  columns="#{bindings.Office1.hints.displayWidth}"
                                  shortDesc="#{bindings.Office1.hints.tooltip}">
      <f:validator binding="#{bindings.Office1.validator}"/>
    </af:inputComboboxListOfValues>
    <af:inputText value="#{bindings.Ausername.inputValue}"
                  label="#{bindings.Ausername.hints.label}"
                  required="#{bindings.Ausername.hints.mandatory}"
                  columns="#{bindings.Ausername.hints.displayWidth}"
                  maximumLength="#{bindings.Ausername.hints.precision}"
                  shortDesc="#{bindings.Ausername.hints.tooltip}" id="it23">
      <f:validator binding="#{bindings.Ausername.validator}"/>
    </af:inputText>
    <af:inputText value="#{bindings.PractitionerNumber.inputValue}"
                  label="#{bindings.PractitionerNumber.hints.label}"
                  required="#{bindings.PractitionerNumber.hints.mandatory}"
                  columns="#{bindings.PractitionerNumber.hints.displayWidth}"
                  maximumLength="#{bindings.PractitionerNumber.hints.precision}"
                  shortDesc="#{bindings.PractitionerNumber.hints.tooltip}"
                  id="it27">
      <f:validator binding="#{bindings.PractitionerNumber.validator}"/>
    </af:inputText>
</af:panelFormLayout>

YouTube Video Issue - when I fill the wrapper it left aligns on mobile & tablets

Example: http://www.hollywoodunderground.com
When I set the width of the video to 1000px, it looks fine in browsers, but when you look at it on a mobile device it left aligns the whole page. My only fix so far has been to change it to 990px but obviously that doesn't look quite as good. I have the iframe inside a video DIV with the dimensions set in HTML, would CSS dimensions be better or is this something with YouTube?

In the following example, I have embedded a YT video inside a FluidGrid Layout (% width). The video and layout respond to device width.
http://alt-web.com/FluidGrid/Fluid.html
The relevant CSS code for video-container is this:
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
The HTML:
<div class="video-container">

<iframe width="560" height="315" src="http://www.youtube.com/embed/your-code-here" frameborder="0" allowfullscreen></iframe>
</div>
Nancy O.

How to make numbers in message text input fields left aligned?

Hi Friends
I have completed one of my task .but getting result right side of the field.
how to make numbers in message text input fields left aligned?
Thanks
Aravinda

Hi ,
Sorry for late replay i am trying this alos not set that page....
pageContext.forwardImmediatelyToCurrentPage(null, true, null);
and one more that kff field working is fine for ex display any text pled displayed properly and only problem is not set the value and HrSitKeyFlex6 and HrSitKeyFlex7 fields are perfectly get the values but not pront HrSitKeyFlex8 that only my issue....
Regards,
Srini

Equal Space between Menu Items and Drop Down Menü left aligned not possible?

It seems like I can either have equal spacing between the horizontal menu items and the drop down menu will show up centered , or I say the menu items should be of equal size, and then drop down will be left aligned. Is there any way of having equal space AND left aligned drop down???? Thanks in advance!

Hello Anjum,
Thank you for reporting the issue. It seems to be a Bug and we have logged the same. Hopefully it will get fixed in coming releases.
As of now we do not have any workaround for same. However once we have some workaround, we will definitely share it with you.
Regards,
Sachin

Report alignment issues..please help

Hi Experts,
Can somebody help..
I have following issues in reports:
.I have a report which runs on web in both formats of PDF's and Excel
Issues are
1. In PDF formatl, all columns are being displayed but alignment is the issue.. Since our report should be A4 based. How to increase paper margins..because currently i am not able to drag that black thick coloured line further..? where to adjust and change report layout size..
2. One more thing is that when i run the pdf report, it starts printing from left without leaving any gap(landscapre mode) and its leaving lots of space on the right.. How can i make equal of both left and right margins.
3. When I am running excel report and its rnning fine saving in a xls.. but alignment is the issue...
4.some of the values which are varchar2 data from database... displaying right and some are left aligned.... for example.. if its ABCD then its aligning properly to right. But if it is EFGHEIJK the its doing left alignment... there is no code written for conditional formatting..but what could be the issue.. since the values are direct from table in database..why this is happening
5. and In excel there is a data column which i manipulated as for example to_char(to_date(20100217,'yyyymmmdd'),'dd-mm-yyyy') and this is coming properly in pdf but not excel..in excel its says something like17-02-10,, yYYY is being displayed only as 10... is there any workaround (not manual))
6. And in reports, if we create a field and database column is source for it, i would like to know whether there is any option in property column of the field to set width of the filed..
so that i can reduce of the width in layout to acommidate more column in the report. Because I really not knowing for 8 character database column, how much bigger field i have to create.....
please help..
thanks
asp

Wow Sridhar, that was quick
Vj

Report Alignment Issue

We have converted report from Oracle 6i to Oracle 10g. We have a field which is equal aligned. We could see that the alignment is different in 6i and 10g. In 6i the last row is left as is, but in 10g it is made to fit the entire field width. If anyone have faced such issue or if anyone has reply for this issue, please do let us know.

Did you ever solve this problem? I have the same problem... In IE it centers the report in the ReportViewer control but in Google Chrome the ReportViewer shows the report to the left... Left aligned.... What is the fix for this? Mike in Los Angeles, California,
USA

af:autoSuggestBehavior alignement issue.

Hi All,
I am using <af:autoSuggestBehavior> to populate the searched list on basis of user input .
<af:inputText label="Search Text"
binding="#{BackingBean.it4}" id="it4"
columns="20" wrap="off"
autoSubmit="true"
partialTriggers="cil2">
<af:autoSuggestBehavior suggestedItems="#{ BackingBean.AutoSuggest}"/>
<f:converter converterId="UpperCaseConverter"/>
</af: inputText>
The input Text is placed at right side of the web application. When trying to search elements it’s going outside viewable area(right alignment of the input Text ). How can the autosuggest behaviour is controlled so that the searched elements shown in left alignment of the input text.
Edited by: RaviDw on Jun 14, 2011 2:08 PM

Thanks for response.
Have used the inline style for input Text but this is not working for the search results .still the auto suggest elements behavior is same.
the populated elements are still coming in right alignment
Please suggest can we change the auto suggest behavior .on serach the results are populated some time on right aligned and some time on left.
Edited by: RaviDw on Jun 18, 2011 4:11 PM

More alignment issues

hi,
I'm hardly an expert - but I have made great strides because of helpful people who throw me a hint.
my site: www.kirarmerica.com
I still have JUST a FEW alignment issues. I like to have everything centered, so now I am just down to my spec sheets.
I know that they might not be configured ALL the same, but I am hoping I can change a few things
please look at Kira America | Products
click on any spec sheet and you will see that the headers menu and sometimes the footer stays centered, but the spec info jumps to the left of the page.
I've found the correct .css to edit. but I cant quite figure out how to align the columns vertically on the page.
for example if I put a margin on #right_column it put it in the right spot, but then the rest of the content jumps all over the page.
any hints would be helpful!

These changes will center content in white area
#container h1, #container h2, #container h3, #container h4, #container h5, #container h6 {
    border-bottom: 1px solid #DEDACB;
    padding-bottom: 8px;
    text-align: center;
.excel214 {
    border: medium none;
    color: #000000;
    font-family: Calibri,sans-serif;
    font-size: 11pt;
    font-style: normal;
    font-weight: 400;
margin-left: auto;
    margin-right: auto;
    padding-left: 1px;
    padding-right: 1px;
    padding-top: 1px;
    text-decoration: none;
    vertical-align: bottom;
    white-space: nowrap;

IE v7 alignment issues

My main content is out of alignment in IE7 but looks fine in Safari and Firefox (big suprise there).
http://fitnessworx.thehtmlcode.com/
I can't get the page to align (shrink to fit) in IE like it does in Firefox or Safari.
I used a template that states:

I tried to use this but it didn't correct the issue.
The areas that aren't aligning are:
1) .twoColLiqLtHdr #header: The logo and the entire backgound gets cut off when you maximize or "restore down" the browser.
2) .twoColLiqLtHdr #sidebar2clm, This wants to stay in place but either my margin or padding settings here push the main content down when the page is "resotred down"
3) .twoColLiqLtHdr #mainContent2clm: The header is an image and it doesn't shrink down when I "restore down" the browser.
4) #menutop or #menutop a:link, #menutop a:visited or #menutop a:active, #menutop a:hover
    I put a "white space: no wrap" in #menutop li, #menutop ul; just to get the menu items to fit.
I'm going to put my menu items in a library before I go live with the site, I just need to get a hold of these browser compatibility issues first.
I've tweaked my margins so much I've now gotten an browser incompatability errors.
Here is my css file:
body {
    font: 100% Verdana, Arial, Helvetica, sans-serif;
    background: #ffffff;
    margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
    padding: 0;
    text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
    color: #000000;
.twoColLiqLtHdr #container {
    width: 60%; /* this will create a container 60% of the browser width */
    background: #FFFFFF;
    margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
    border: 1px solid #000000;
    text-align: left;
.twoColLiqLtHdr #header {
    background-repeat: no-repeat;
    height: 160px;
    background-position: left;
    background-image: url(../images/FitnessWorxLogo1.png);
/*Menu stuff*/
#menutop {
    height: 23px;
    background-color: #000000;
    margin-right: 0px;
    margin-left: 0px;
    padding-top: 7px;
    padding-right: 10px;
#menutop li, #menutop ul {
    display: inline;
    text-align: left;
    word-spacing: 1px;
    white-space: nowrap;
    margin-left: 1px;
    padding-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
#menutop a:link, #menutop a:visited {
    color: #FFFFFF;
    text-decoration: none;
    border-top-width: thin;
    border-right-width: thin;
    border-left-width: thin;
    border-top-style: inset;
    border-right-style: inset;
    border-left-style: inset;
    border-top-color: #FFFFFF;
    border-right-color: #FFFFFF;
    border-left-color: #FFFFFF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bolder;
    padding: 5px;
    background-color: #272727;
    margin-top: 1px;
#menutop a:active, #menutop a:hover {
    color: #000000;
    text-decoration: none;
    background-color: #FFFFFF;
.twoColLiqLtHdr #header h1 {
    margin: 0;
/* Tips for sidebar1:
1. since we are working in percentages, it's best not to use padding on the sidebar. It will be added to the width for standards compliant browsers creating an unknown actual width.
2. Space between the side of the div and the elements within it can be created by placing a left and right margin on those elements as seen in the ".twoColLiqLtHdr #sidebar1 p" rule.
3. Since Explorer calculates widths after the parent element is rendered, you may occasionally run into unexplained bugs with percentage-based columns. If you need more predictable results, you may choose to change to pixel sized columns.
.twoColLiqLtHdr #sidebar2clm {
    float: right;
    width: 24%;
    height: 600px;
    padding-top: 10px;
    padding-right: 5;
    padding-bottom: 10px;
    padding-left: 5;
    margin-left: 10px;
    margin-right: 11px;
    margin-top: 10px;
    margin-bottom: 10px;
.twoColLiqLtHdr #sidebar1clm {
    float: left;
    width: 24%; /* the background color will be displayed for the length of the content in the column, but no further */
    padding: 15px 0; /* top and bottom padding create visual space within this div */
    background-color: #FFFFFF;
.twoColLiqLtHdr #sidebar2clm h3, .twoColLiqLtHdr #sidebar2clm p {
    margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */
    margin-right: 10px;
.twoColLiqLtHdr /* Tips for mainContent:
1. the space between the mainContent and sidebar1 is created with the left margin on the mainContent div. No matter how much content the sidebar1 div contains, the column space will remain. You can remove this left margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends.
2. to avoid float drop at a supported minimum 800 x 600 resolution, elements within the mainContent div should be 430px or smaller (this includes images).
3. in the Internet Explorer Conditional Comment below, the zoom property is used to give the mainContent "hasLayout." This avoids several IE-specific bugs.
#mainContent2clm {
    margin-top: 15;
    margin-right: 10px;
    margin-bottom: 15px;
    margin-left: 1%;
    width: 70%;
    border-right-width: thin;
    border-right-style: inset;
    border-right-color: #000000;
    padding-top: 10px;
    padding-right: 7px;
    padding-bottom: 10px;
    padding-left: 10px;
.twoColLiqLtHdr #container #mainContent2clm h1 {
    font-weight: lighter;
#mainContent1clm {
    margin: 0 20px 0 3%;
/* brand page */
#mainContentbrandclm {
    margin: 0 20px 0 3%;
#brandtable {
    background-color: #FFFFFF;
    width: 70%;
    border: 0;
    padding: 2, 5, 2, 5;
    text-align: center;
    margin: 4;
.twoColLiqLtHdr #footer {
    padding: 0 10px;
    background-color: #000000;
.twoColLiqLtHdr #footer p {
    margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
    padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
    font-family: Georgia, "Times New Roman", Times, serif;
    color: #feda02;
    text-align: center;
/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
    float: right;
    margin-left: 8px;
.fltlft { /* this class can be used to float an element left in your page */
    float: left;
    margin-right: 8px;
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
.CIform {
    width: 60px;
#Contacttable {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 24px;
    font-style: normal;
    line-height: normal;
    text-align: left;
    margin: 6px;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
#CIform p {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 12px;
    color: #333333;
Thank you,
Will

My main content is out of alignment in IE7 but looks fine in Safari and Firefox (big suprise there).
http://fitnessworx.thehtmlcode.com/
I can't get the page to align (shrink to fit) in IE like it does in Firefox or Safari.
I used a template that states:

I tried to use this but it didn't correct the issue.
The areas that aren't aligning are:
1) .twoColLiqLtHdr #header: The logo and the entire backgound gets cut off when you maximize or "restore down" the browser.
2) .twoColLiqLtHdr #sidebar2clm, This wants to stay in place but either my margin or padding settings here push the main content down when the page is "resotred down"
3) .twoColLiqLtHdr #mainContent2clm: The header is an image and it doesn't shrink down when I "restore down" the browser.
4) #menutop or #menutop a:link, #menutop a:visited or #menutop a:active, #menutop a:hover
    I put a "white space: no wrap" in #menutop li, #menutop ul; just to get the menu items to fit.
I'm going to put my menu items in a library before I go live with the site, I just need to get a hold of these browser compatibility issues first.
I've tweaked my margins so much I've now gotten an browser incompatability errors.
Here is my css file:
body {
    font: 100% Verdana, Arial, Helvetica, sans-serif;
    background: #ffffff;
    margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
    padding: 0;
    text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
    color: #000000;
.twoColLiqLtHdr #container {
    width: 60%; /* this will create a container 60% of the browser width */
    background: #FFFFFF;
    margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
    border: 1px solid #000000;
    text-align: left;
.twoColLiqLtHdr #header {
    background-repeat: no-repeat;
    height: 160px;
    background-position: left;
    background-image: url(../images/FitnessWorxLogo1.png);
/*Menu stuff*/
#menutop {
    height: 23px;
    background-color: #000000;
    margin-right: 0px;
    margin-left: 0px;
    padding-top: 7px;
    padding-right: 10px;
#menutop li, #menutop ul {
    display: inline;
    text-align: left;
    word-spacing: 1px;
    white-space: nowrap;
    margin-left: 1px;
    padding-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
#menutop a:link, #menutop a:visited {
    color: #FFFFFF;
    text-decoration: none;
    border-top-width: thin;
    border-right-width: thin;
    border-left-width: thin;
    border-top-style: inset;
    border-right-style: inset;
    border-left-style: inset;
    border-top-color: #FFFFFF;
    border-right-color: #FFFFFF;
    border-left-color: #FFFFFF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bolder;
    padding: 5px;
    background-color: #272727;
    margin-top: 1px;
#menutop a:active, #menutop a:hover {
    color: #000000;
    text-decoration: none;
    background-color: #FFFFFF;
.twoColLiqLtHdr #header h1 {
    margin: 0;
/* Tips for sidebar1:
1. since we are working in percentages, it's best not to use padding on the sidebar. It will be added to the width for standards compliant browsers creating an unknown actual width.
2. Space between the side of the div and the elements within it can be created by placing a left and right margin on those elements as seen in the ".twoColLiqLtHdr #sidebar1 p" rule.
3. Since Explorer calculates widths after the parent element is rendered, you may occasionally run into unexplained bugs with percentage-based columns. If you need more predictable results, you may choose to change to pixel sized columns.
.twoColLiqLtHdr #sidebar2clm {
    float: right;
    width: 24%;
    height: 600px;
    padding-top: 10px;
    padding-right: 5;
    padding-bottom: 10px;
    padding-left: 5;
    margin-left: 10px;
    margin-right: 11px;
    margin-top: 10px;
    margin-bottom: 10px;
.twoColLiqLtHdr #sidebar1clm {
    float: left;
    width: 24%; /* the background color will be displayed for the length of the content in the column, but no further */
    padding: 15px 0; /* top and bottom padding create visual space within this div */
    background-color: #FFFFFF;
.twoColLiqLtHdr #sidebar2clm h3, .twoColLiqLtHdr #sidebar2clm p {
    margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */
    margin-right: 10px;
.twoColLiqLtHdr /* Tips for mainContent:
1. the space between the mainContent and sidebar1 is created with the left margin on the mainContent div. No matter how much content the sidebar1 div contains, the column space will remain. You can remove this left margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends.
2. to avoid float drop at a supported minimum 800 x 600 resolution, elements within the mainContent div should be 430px or smaller (this includes images).
3. in the Internet Explorer Conditional Comment below, the zoom property is used to give the mainContent "hasLayout." This avoids several IE-specific bugs.
#mainContent2clm {
    margin-top: 15;
    margin-right: 10px;
    margin-bottom: 15px;
    margin-left: 1%;
    width: 70%;
    border-right-width: thin;
    border-right-style: inset;
    border-right-color: #000000;
    padding-top: 10px;
    padding-right: 7px;
    padding-bottom: 10px;
    padding-left: 10px;
.twoColLiqLtHdr #container #mainContent2clm h1 {
    font-weight: lighter;
#mainContent1clm {
    margin: 0 20px 0 3%;
/* brand page */
#mainContentbrandclm {
    margin: 0 20px 0 3%;
#brandtable {
    background-color: #FFFFFF;
    width: 70%;
    border: 0;
    padding: 2, 5, 2, 5;
    text-align: center;
    margin: 4;
.twoColLiqLtHdr #footer {
    padding: 0 10px;
    background-color: #000000;
.twoColLiqLtHdr #footer p {
    margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
    padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
    font-family: Georgia, "Times New Roman", Times, serif;
    color: #feda02;
    text-align: center;
/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
    float: right;
    margin-left: 8px;
.fltlft { /* this class can be used to float an element left in your page */
    float: left;
    margin-right: 8px;
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
.CIform {
    width: 60px;
#Contacttable {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 24px;
    font-style: normal;
    line-height: normal;
    text-align: left;
    margin: 6px;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
#CIform p {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 12px;
    color: #333333;
Thank you,
Will

Alignment Issues between dreamweaver and browser

Hi
Hoping someone can help, i'm trying to learn how to make
better sites with advanced tools like apDIV's but seem to be
running into an alignment issue. When I make the html file in
dreamweaver I seem to have to off set the images and div tags
inorder for the site to show up aligned properly in firefox,
explorer, etc. I'm thinking there might be a problem in the actual
code causing this but am not good enough yet to find it or the
problem, any ideas or guidence would be greatly accepted. below if
the links work is the difference I see between dreamweaver and when
its launched in a browser.
DreamweaverScreen
BrowserScreen

> over a centered frame
You are not using frames - that's a table.
Yes - there's a way to do this, but it will involve your
working in code.
Make your page left aligned by removing any centering.
Then position your layer so that it is properly located over
the table.
Change this -
</head>
to this -
<style type="text/css">
#wrapper { width:760px; margin:0 auto;position:relative; }
/* 760px will display on an 800px screen maximized browser
window without */
/* horizontal scrollbars. */
</style>
</head>
(you may need to adjust this width so that it's consistent
with the width of
your centering table)
change this -
<body ...>
(the ellipsis represents any other attributes that might be
mentioned in the
body tag, and SHOULD NOT BE INCLUDED EXPLICITLY!)
to this -
<body ...>
<div id="wrapper">
and this -
</body>
to this -

</div>
</body>
and see if that helps.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"Vinx21" <[email protected]> wrote in
message
news:ge9t3e$92s$[email protected]..
> thanks for the help osgood, I see now what my problem is
and am just
> wondered
> if there was a way to place the absolute layer over top,
in the right
> position,
or will have i have to remake one of the elements a
> different way???
>
> thanks again, dave
>

InfoPath Form Web Part breaking page left alignment

I have tried both a wiki page and a web part page and met with the same results. I am using the Oslo theme. I add two web parts (SharePoint List Filter and Listview App) and it works perfectly and the page looks normal.
When I add the InfoPath Form web part (I have tried different layouts and different zones) it causes the left alignment of the page to be way off.
See pics below.
Any suggestions?
Any help would be really appreciated!!

Hi,
We have reproduced this issue. The page left alignment is broken and the page is rightward after the InfoPath Form web part is added. It happens both on the wiki page and the web part page.
Thank you for bring this issue to our attention, your time and efforts on this matter are highly appreciate. It could be a potential issue in SharePoint 2013.
In our behalf, we will put your finding to our suggestion box and report it internally. If there is any update, we will keep you informed in this thread.
Thanks.
Tracy Cai
TechNet Community Support

Colour alignment issues with CP1515n

I'm having some colour alignment issues with my Color Laserjet CP1515n. Lately, I've noticed that the 3 colours go out of alignment from the middle towards the right of my printouts. Alignment at the left towards the middle half of the page is ok but gets progressively worse towards the right side of the page.
Nothing in the user interface allows me to reset the colour alignment. What can be the cause of this and what's the remedy? This printer is slightly over a year old and has only just gone through its first set of toner cartridges.

I am also having alignment issues to the same nature as the post below. I have just replaced the Black, Magenta and Cyan toners. After doing this the alignment goes out of register from left to right (left edge fits right edge all colours are out of fit by 2mm).
I have also found nothing in any manuals as to how to adjust or fix this problem. This is the second time I have replaced these colours. I have re-calibrated and taken the cartridges out several times but it is still the same.
Any advise would be helpful. As it is at the moment the printer is unusable for my job and it's the only one I have.

ALV Grid - Alignment Issues in TOP OF PAGE.

Hi,
We have a requirement to right align text in the report header.
We are using REUSE ALV GRID DISPLAY, but using TOP-OF-PAGE event - the whole text is left aligned.
I tried using Class CL_DD_DOCUMENT which solved the alignment issue, but I am not able to see the header while printing/downloading to excel.
I want the header to be available while downloading/printing the list. Any suggestions?
Thanks in advance,
Harveen.

Hi
The ALV download only the grid into the file, so not the data you're writing in TOP_OF_PAGE event.
If you need to do that, you should create an your own buttom to download the file.
Max

FormItem label left align issue

Similar Messages

Maybe you are looking for