function readOnly(count){ }
Sign Up ›
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
Learn More

Browse by Topic
ShowAll Questionssorted byDate Posted
+ Start a Discussion
Harsha ShriHarsha Shri 

VF Page alignment Issue - Need help

Hi All,
I have developed a VF page by using standard controller. I have alignment issue. Please see below image.
User-added image
If you see above image Account name and produ order number are not in same line. If I use showheader="false" then there is no alignment issue.
I want it as responsive design that even if i expand or minimize screen I want both fields shoud be aligned. 
<apex:page standardController="Account" showHeader="true">
     <apex:form >       
        <apex:sectionHeader title="title1"/>
        <apex:pageBlock title="title2" tabStyle="account">
                  
                <apex:pageBlockSection title="PBS2" collapsible="false"  id="myPbSec2" columns="2">
                        <apex:outputField value="{!account.name}"/>
                        <apex:outputField value="{!account.description}"/>
                       <apex:outputPanel >
                       <span style="margin-left:102px"><apex:outputLabel value="Produ Order Number"/><span style="margin-left:18px"><apex:inputtext label="" id="ST"/>
                        &nbsp;
                         <apex:commandButton value="Button1!" /></span></span>
                      </apex:outputPanel>
                            
                </apex:pageBlockSection>
                </apex:pageBlock>
                </apex:form>
                </apex:page>

Please help me in this
Thanks in Advance​
Rohan Gupta 4Rohan Gupta 4
I hope this helps you.
Replace this code. 
<apex:page standardController="Account" showHeader="true">

     <apex:form >      

        <apex:sectionHeader title="title1"/>
        <apex:pageBlock title="title2" tabStyle="account">
               

                <apex:pageBlockSection title="PBS2" collapsible="false" id="myPbSec2" columns="2">
              
                        <apex:outputField value="{!account.name}"/>

                        <apex:outputField value="{!account.description}"/>
                           
                           
                       <apex:outputPanel style="margin-left:94px">

                       <span><apex:outputLabel value="Produ Order Number"/>&nbsp;&nbsp;<span><apex:inputtext label="" id="ST"/>

                        &nbsp;

                         <apex:commandButton value="Button1!" /></span></span>

                      </apex:outputPanel>

                             
                </apex:pageBlockSection>
                </apex:pageBlock>
                </apex:form>
                </apex:page>