Mobile,Page layout,Left aligned

I have created a website using Adobe Muse and have uploaded the site to the ftp server . The website is live and is as designed when looked via a desktop. But when the same site is being viewed from a mobile, the entire page is getting left aligned and there is a gap to the right side. I even made a phone layout and uploaded the same to the ftp server and the problem still persists. Ive googled a lot and inserted html code into the metadata to make the site centered but in vain. Nothing works . I have a tight deadline and would really be grateful for any quick help.

Hello,
If the phone layout is showing up in phone and still its left aligned and then go to design view of the phone layout page and make sure there is no object is placed outside the browser area.(you can do select All to check this. ctrl+a or command+A)
If this is not the case then Please share the site URL or .muse file with us  to take  look at it.
Regards
Vivek

Similar Messages

  • Page Layout - Right Align?

    Hi,
    I've noticed that some websites fit the left and right sides
    of a computer screen perfectly whether being viewed on a large or
    small monitor. It's like the right side always moves out slightly
    if viewed on a larger screen. What is the best way to do this
    please? Is there a tutorial somewhere?
    Thanks in advance.
    Ray

    Those are CSS selectors.
    > .thrColLiqHdr #header
    This one says to find any element on the page with an
    id="header"
    attribute/value pair, and that is located within a container
    with a
    class="thrColLiqHdr" attribute/value pair, and when found,
    apply the stated
    styles to that element.
    > .thrColLiqHdr #sidebar2
    Similarly, this one selects any element with id="sidebar2" in
    the same
    container.
    For CSS links, consider these -
    http://www.projectseven.com/tutorials/css/qdmacfly/index.htm
    http://www.macromedia.com/devnet/mx/dreamweaver/css.html
    http://www.macromedia.com/devnet/dreamweaver/articles/tableless_layout_dw8.html
    http://www.macromedia.com/devnet/dreamweaver/articles/css_concepts.html
    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
    ==================
    "Ray Dar" <[email protected]> wrote in
    message
    news:fvsjh1$hrt$[email protected]..
    > I've got CS3 installed (DW 8 coming soon). I'm looking
    at liquid layouts.
    >
    > I have been examining the code. Very interesting. There
    are titles in the
    > code
    > such as .thrColLiqHdr #header and .thrColLiqHdr
    #sidebar2 {.
    >
    > Whilst the function of some of these titles are obvious
    others are not (at
    > least to me). Is there a tutorial anywhere that can tell
    me exactly what
    > these
    > do please?
    >
    > Thanks
    >
    > Ray
    >

  • XMII Mobile Page Layout

    Hello,
    I am trying to display an irpt page which has a servlet on a mobile devices web browser. I am using the IllumRowsetTable.xsl stylesheet. When I call up the webpage on the mobile device the output is wrapped instead of giving a horizontal scroll bar. Does anyone know of a way I can get the scroll bar to appear instead of the page being wrapped.
    Thanks,
    Mahwish
    Message was edited by:
            Mahwish De Silva

    Mahwish,
    First, I would check for any Browser settings on your mobile device.  There may be something there.  If I remember correctly, Windows CE devices do allow for a fixed size or dynamic size (which is what you are experiencing).  Blackberry devices do not have this feature, I think.
    The other option you have is to use a css style in the resulting webpage to "fix" the width of the table to say 1000px.  But, the browser on the device may actually override the css style.
    See if either of those suggestions work for you.

  • 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">
    <!--YOUTUBE CODE-->
    <iframe width="560" height="315" src="http://www.youtube.com/embed/your-code-here" frameborder="0" allowfullscreen></iframe>
    <!--end video-container--></div>
    Nancy O.

  • My website is shown left aligned on mobile, but centered on desktop.

    The site I'm building is showing up on the mobile left aligned. I want it centered like it shows on the desktop. I'm also running into a problem when in the mobile view, the background does not extend to the end of the page and shows a white bar. I believe it has something to do with the viewport, but how can I fix it.
    Here is my site http://ideateink.com/empire/_test/argyless/index.html
    I even made a container that holds all the content...
    .container {width:1000px; margin:0 auto;}
    Can anyone find whats wrong and help me?
    Evan

    Since most mobile devices are not 1000px wide, it's physically impossible to center your fixed-width layout on a smaller devices.  There isn't enough available real estate to do it.
    If you want a site that performs well in all device widths (aka Responsive), consider re-building your site layout with CSS media queries.  See links below.
    Responsive Web Design
    http://coding.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/
    Introduction to CSS Media Queries
    http://www.adobe.com/devnet/dreamweaver/articles/introducing-media-queries.html
    CS6 Fluid Grid layouts (17 min video)
    http://tv.adobe.com/watch/learn-dreamweaver-cs6/using-fluid-grid-layouts/
    Nancy O.

  • 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

  • OOTB Left Navigation error in Page Layout SharePoint 2013

    I created a SharePoint 2013 master page through Design Manager in Sharepoint 2013 and created a page layout like we do trough sharepoint designer as in sharepoint 2010 steps are below
    SharePoint Designer--->Page Layouts---->New Page Layout
    now i want to insert left navigation in the page layout ,i tried to insert the following snippet in the page layout 
    <div data-name="QuickLaunch">
                                        <!--CS: Start Vertical Navigation Snippet-->
                                        <!--SPM:<%@Register Tagprefix="SharePoint" Namespace="Microsoft.SharePoint.WebControls" Assembly="Microsoft.SharePoint,
    Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c"%>-->
                                        <!--SPM:<%@Register Tagprefix="PublishingNavigation" Namespace="Microsoft.SharePoint.Publishing.Navigation"
    Assembly="Microsoft.SharePoint.Publishing, Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c"%>-->
                                        <div id="sideNavBox" class="ms-dialogHidden ms-forceWrap ms-noList">
                                            <!--MS:<SharePoint:AjaxDelta ID="DeltaPlaceHolderLeftNavBar" BlockElement="true" CssClass="ms-core-navigation"
    runat="server">-->
                                                <!--MS:<asp:ContentPlaceHolder ID="PlaceHolderLeftNavBar" runat="server">-->
                                                    <!--MS:<asp:ContentPlaceHolder ID="PlaceHolderLeftNavBarTop" runat="server">-->
                                                    <!--ME:</asp:ContentPlaceHolder>-->
                                                    <!--MS:<asp:ContentPlaceHolder ID="PlaceHolderQuickLaunchTop" runat="server">-->
                                                    <!--ME:</asp:ContentPlaceHolder>-->
                                                    <!--MS:<asp:ContentPlaceHolder ID="PlaceHolderLeftNavBarDataSource" runat="server">-->
                                                    <!--ME:</asp:ContentPlaceHolder>-->
                                                    <!--MS:<asp:ContentPlaceHolder ID="PlaceHolderCalendarNavigator" runat="server">-->
                                                    <!--ME:</asp:ContentPlaceHolder>-->
                                                    <!--MS:<asp:ContentPlaceHolder ID="PlaceHolderLeftActions" runat="server">-->
                                                    <!--ME:</asp:ContentPlaceHolder>-->
                                                    <!--MS:<SharePoint:SPNavigationManager ID="QuickLaunchNavigationManager"
    runat="server" QuickLaunchControlId="v4QuickLaunchMenu" ContainedControl="QuickLaunch" EnableViewState="false">-->
                                                        <!--MS:<SharePoint:DelegateControl runat="server" ControlId="QuickLaunchDataSource">-->
                                                            <!--MS:<Template_Controls>-->
                                                                <!--MS:<PublishingNavigation:PortalSiteMapDataSource
    runat="server" ID="SiteMapDS" SiteMapProvider="CurrentNavigation" EnableViewState="false" StartFromCurrentNode="true" ShowStartingNode="false" TrimNonCurrentTypes="Heading">-->
                                                                <!--ME:</PublishingNavigation:PortalSiteMapDataSource>-->
                                                            <!--ME:</Template_Controls>-->
                                                        <!--ME:</SharePoint:DelegateControl>-->
                                                        <!--MS:<SharePoint:AspMenu ID="V4QuickLaunchMenu" runat="server"
    EnableViewState="false" DataSourceId="QuickLaunchSiteMap" UseSimpleRendering="true" Orientation="Vertical" StaticDisplayLevels="3" AdjustForShowStartingNode="true" MaximumDynamicDisplayLevels="0"
    SkipLinkText="">-->
                                                        <!--ME:</SharePoint:AspMenu>-->
                                                    <!--ME:</SharePoint:SPNavigationManager>-->
                                                    <!--MS:<SharePoint:SPNavigationManager ID="TreeViewNavigationManagerV4" runat="server"
    ContainedControl="TreeView" CssClass="ms-tv-box">-->
                                                        <!--MS:<SharePoint:SPLinkButton runat="server" NavigateUrl="~site/{0}/viewlsts.aspx"
    ID="idNavLinkSiteHierarchyV4" Text="&#60;%$Resources:wss,treeview_header%&#62;" accesskey="&#60;%$Resources:wss,quiklnch_allcontent_AK%&#62;" CssClass="ms-tv-header">-->
                                                        <!--ME:</SharePoint:SPLinkButton>-->
                                                        <!--MS:<SharePoint:DelegateControl runat="server" ControlId="TreeViewAndDataSource">-->
                                                            <!--MS:<Template_Controls>-->
                                                                <!--MS:<SharePoint:SPHierarchyDataSourceControl
    runat="server" ID="TreeViewDataSourceV4" RootContextObject="Web" IncludeDiscussionFolders="true">-->
                                                                <!--ME:</SharePoint:SPHierarchyDataSourceControl>-->
                                                                <!--MS:<SharePoint:SPRememberScroll runat="server"
    ID="TreeViewRememberScrollV4" onscroll="javascript:_spRecordScrollPositions(this);" style="overflow: auto;">-->
                                                                    <!--MS:<SharePoint:SPTreeView
    ID="WebTreeViewV4" runat="server" ShowLines="false" DataSourceId="TreeViewDataSourceV4" ExpandDepth="0" SelectedNodeStyle-CssClass="ms-tv-selected" NodeStyle-CssClass="ms-tv-item" SkipLinkText=""
    NodeIndent="12" ExpandImageUrl="/{0}/images/tvclosed.png" ExpandImageUrlRtl="/{0}/images/tvclosedrtl.png" CollapseImageUrl="/{0}/images/tvopen.png" CollapseImageUrlRtl="/{0}/images/tvopenrtl.png" NoExpandImageUrl="/{0}/images/tvblank.gif">-->
                                                                    <!--ME:</SharePoint:SPTreeView>-->
                                                                <!--ME:</SharePoint:SPRememberScroll>-->
                                                            <!--ME:</Template_Controls>-->
                                                        <!--ME:</SharePoint:DelegateControl>-->
                                                    <!--ME:</SharePoint:SPNavigationManager>-->
                                                    <!--MS:<asp:ContentPlaceHolder ID="PlaceHolderQuickLaunchBottom" runat="server">-->
                                                        <hr />
                                                        <!--MS:<SharePoint:ClusteredSPLinkButton ID="idNavLinkViewAllV4"
    runat="server" Permissions="ViewFormPages" NavigateUrl="~site/{0}/viewlsts.aspx" Text="&#60;%$Resources:wss,quiklnch_allcontent_short%&#62;" accesskey="&#60;%$Resources:wss,quiklnch_allcontent_AK%&#62;"
    CssClass="ms-core-listMenu-item">-->
                                                        <!--ME:</SharePoint:ClusteredSPLinkButton>-->
                                                    <!--ME:</asp:ContentPlaceHolder>-->
                                                <!--ME:</asp:ContentPlaceHolder>-->
                                            <!--ME:</SharePoint:AjaxDelta>-->
                                        </div>
                                        <!--CE: End Vertical Navigation Snippet-->
                                    </div>
    but i get the following error when i create page through this page layout
    "Content Place holders are only allowed in master page"
    Can anyone tell me how do i insert left navigation in page layout which is created through sharepoint designer (.aspx file) but master page is created through design manager

    Hi  ,
    As the error says, you need to  add Content Place holders to Mater Page not the Page Layout.
    For  inserting  left navigation, you can add Vertical Navigation SharePoint component to the master page using Snippets  manager:
    1.
    Open the site then click design manager link from right top corner "Settings".
    2.
    Click “Edit Master Pages” link.
    3.Click your custom mater page. It will open preview page.
    4.
    Once open the preview page then click Snippets menu from top right side. It will open “Snippet Gallery” in new tab page.
    5.
    Click the Vertical Navigation menu item in “DESIGN “tab.
    6.
    In this page we can easy to configure component properties.
    After customization must click the update button then only the changes are reflected in the component snippet.
    7.
    Once click the update button the HTML code automatically generated in the “HTML snippet” box and click “Copy to Clipboard” button.
    8.
    Open the mapped network drive then open the Mater Page HTML file and paste HTML snippet where you want the navigation to show.
    Reference:
    http://www.sharepointpals.com/post/Add-snippets-in-Page-layout-using-design-manager
    Best Regards,
    Eric
    Eric Tao
    TechNet Community Support

  • Is there any way to select a page layout and save it to the 'Add Pages' menu bar on the left of IBA?

    This would be extremely helpful as there is no way in IBA 1 to copy and paste 'lines' from one page to another.
    Ken

    Look at the steps in my first reply to open the LAYOUT page by dragging the BOOK page slider down ... do this in the Life on Earth Template.  click on the  2 column template page to  open it.
    Select ONLY the lines you want. Remember toi  open the Inspector at LAYOUT, second icon from left, and with teh lines selected, tick the Layout Object box ro  enable ediiting, COPY the lines you want, open your Contempory based book.
    Follow the above procdure COPY the  2 col layout page and rename it, Open the  page and paste the lines you copied. They should  drop into place and then you should unclick the Layout object editable tag.
    If you complete this, it does mean you have to copy all your work into this new page layout.
    Another alternative is simply to add lines from the Shapes,  you can  size then ( length and thickness) and  select whatever colour and opacity you prefer, do it on one page and copy and paste to all the othe pages.
    Spend some time playing with teh  layour  pages and changing things.. adding or changing  background images styles etc,.  Once you have  "the knack" an owd Manchester term  - you can customise a basic template to suit your  needs. 
    Hope it helps...

  • Desktop version is left aligned on mobile devices

    My desktop version of my website is left aligned on mobile devices.
    I checked if there were items in the grey area but i can't find anything.
    Is it possible to share my muse file with someone who can help me out here? (41mb)
    Thanks,
    www.podiumscool.nl

    I would check this out.... looks like a text indicator...

  • Mobile/Phone Layout Preview Issue

    Hi all,
    I've just made my first attempt at a basic layout on a master page for the mobile version of a site I'm working on, but when I go to Preview mode things just aren't displaying properly...
    I have a tiled background image, a header with a logo and an image where my menu button will likely go, and in the footer I have social media icons and a copyright notice (though this will likely change). The page is blank but has rounded corners and a gradient fill. That's it so far. Sounds simple, right? Everything's centrally aligned and all lined up to what SHOULD be the left and right hand sides of the browser window, yet when I go to Preview mode, EVERYTHING seems to shift to the left for some reason? And I assume that since I can't see the footer content in Preview mode, that the user would have to scroll to see this? Which, in itself is odd since I haven't stretched the standard page height...?
    The attached images should help convey what I mean.
    Design Mode (content blurred out):
    Preview Mode (portrait):
    Preview Mode (landscape):
    Can anyone advise on anything I'm doing wrong, or whether or not this is a bug? I tried this in v3.1 prior to the latest update (I'd stayed on 3.1 for a while!), and it did this, so I decided to update to v4 just in case it was a bug in 3.1, but the same thing is occurring. Anyone have any suggestions or ideas?
    Ideally I want to have the finished desktop version, and both a smartphone and tablet version of this site go live at the same time, in 3 days' time, so any swift help would be greatly appreciated.
    Thanks.

    By looking at the guides in the first screenshot, it appears that in order to reveal the Browser Fill area on a phone layout, you have dragged the Top of Page guide down by a few pixels and brought the Header guide to overlap it. Similarly, you have dragged the Bottom of Browser guide down a little lower to reveal the Browser Fill area at the bottom and overlapped the Footer guide with the Bottom of Page guide (or the other way around). Doing so doesn't increase the Min height for the page but makes the overall height of the content area large enough to cause the bottom area to hide when using the smaller iPhone 4 Preview (like in your case). If you switch to iPhone 5 Preview and other larger devices, you might be able to preview the cropped area.
    However, please note that the Preview mode for Phone and Tablet layouts do not emulate actual device behaviours and in order to test them, it is recommended to publish the mobile pages to a webhost and test on actual mobile devices.
    Thanks,
    Vinayak

  • How to change the default left alignment setting in Word 2010 professional (personal use)

    Hi, I use Word 2010 Professional for my personal use at home, and somehow the default setting for the left alignment in a new Word document has been changed to a hanging indent at .25.  So every time I open a new Word  document, the left margin
    has an indent setting.  I have to change it to 0.0 every time, which is annoying.
    I've tried to go into the "Options" section, under "Custom Settings" to de-select an auto left margin indentation, but I can't seem to find an option to do that.  Can anyone please tell me how to change this setting in the master Word 2010 template,
    so that every time I open a new doc, the left side is aligned at the 1" margin with no hanging indent?
    Thank you.

    Page Layout-Page Setup-Margins-Custom Margins...-change your setting-Set As DefaultStay Hungry, Stay Foolish

  • Page layout mode - margins

    Hi,
    i would like to set fixed margins in page layout mode.
    e.g site layout with inside 1 cm and outside 2 cm.. simple.. - document margins doesn't work in layout mode.
    Rulers are no solution - i don't want to set or change rulers for every site and i can't fix the ruler correct anyway (e.g. only on .83cm and .79cm not on .80.. zooming in doesn't change it)
    thanks for your help-
    greetings
    Chris
    ah.. and.. of course.. help, manual, search function previously in use..

    thanks for your help - maybe i described the problem not exact.. my problem is:
    If you add a box in layout mode (doesn't matter whats inside - text, shapes or images) - you can drag the boxes out of the image, close the page border or with some margin to the border - you can align boxes to each other (horizontal, vertical...)
    But i didn't find a method for aligning all boxes with a certain margin like the document margins in text mode.
    Lets say i have a dozen boxes on a page and a couple of pages and i want to align all of these boxes with 2cm margin to left, top, right and bottom.. like the boxes in given templates.
    Do i have to drag all these boxes manually? - and what happen if i want to change my margin (lets say the printer calls you - it needs some 5mm more margin) - what i am looking for is something to set a certain margin i can align all boxes on and change quickly (.. like in text mode)
    Christoph

  • Writers - please help with page layout and headers/footers in Pages

    Hello
    Apologies if this is a stupid question, but I have fiddled around with my page layout and can't figure this out for myself!
    When I type a manuscript, I like to have a header and footer giving the book title, chapter, my name, etc. I'm finding that the header and footer is set to a wider range than I have set the main body of the page. Would you leave it that way, so that it is easily differentiated from the actual text, or would you align the left and right margins on the header and footer to match the body of the text? And if so, how do you do this please?
    Secondly, I can't figure out how to increase the top and bottom gap so that there is a good space between the header and the first line of text.
    Any advice would be gratefully received!
    Thank you!

    rainbow-warrior wrote:
    When I type a manuscript, I like to have a header and footer giving the book title, chapter, my name, etc. I'm finding that the header and footer is set to a wider range than I have set the main body of the page. Would you leave it that way, so that it is easily differentiated from the actual text, or would you align the left and right margins on the header and footer to match the body of the text? And if so, how do you do this please?
    I don't understand what you did.
    When we use the normal tools:
    Inspector > Document > Margins, the widths of header, body and footer are the same.
    Secondly, I can't figure out how to increase the top and bottom gap so that there is a good space between the header and the first line of text.
    With the already named tools, we may adjust top & bottom margins with no change on the header & footer.
    As I often wrote, looking in the PDF User Guide which is delivered with every copy of iWork is an efficient way to spare time.
    Yvan KOENIG (from FRANCE mardi 7 octobre 2008 14:08:55)

  • How can I insert multiple page contents in the page layout properly?

    I wanted to create 4 columns on the page layout. These 4 columns are of page contents.
    After creating new web page based on that page layout, I attempted to enter 4 different inputs on all 4 columns.
    Then, the result (from all columns) becomes the same.
    Image - edit the web page based on 4 columns page layout:
    Image - after edit & save:
    How can I insert multiple page contents in the page layout properly?

    First, I copied the HTML snippet for the Page Content on Sharepoint's Design Manger. The code of Page Content HTML snippet is shown below:
    <div data-name="Page Field: Page Content">
    <!--CS: Start Page Field: Page Content Snippet-->
    <!--SPM:<%@Register Tagprefix="PageFieldRichHtmlField"
    Namespace="Microsoft.SharePoint.Publishing.WebControls"
    Assembly="Microsoft.SharePoint.Publishing, Version=15.0.0.0,
    Culture=neutral, PublicKeyToken=71e9bce111e9429c"%>-->
    <!--MS:<PageFieldRichHtmlField:RichHtmlField
    FieldName="f55c4d88-1f2e-4ad9-aaa8-819af4ee7ee8" runat="server">-->
    <!--PS: Start of READ-ONLY PREVIEW (do not modify)-->
    <div id="ctl02_label" style="display:none">Page Content</div>
    <div id="ctl02__ControlWrapper_RichHtmlField" class="ms-rtestate-field"
    style="display:inline" aria-labelledby="ctl02_label"><div align="left"
    class="ms-formfieldcontainer"><div class="ms-formfieldlabelcontainer"
    nowrap="nowrap"><span class="ms-formfieldlabel"
    nowrap="nowrap">Page Content</span></div>
    <div class="ms-formfieldvaluecontainer"><div class="ms-rtestate-field">
    Page Content field value. Lorem ipsum dolor sit incididuntet dolore.</div>
    </div></div></div><!--PE: End of READ-ONLY PREVIEW-->
    <!--ME:</PageFieldRichHtmlField:RichHtmlField>-->
    <!--CE: End Page Field: Page Content Snippet-->
    </div>
    After I published the page layout, I found the code for Page Content from its ASPX page. The code is shown below:
    <div data-name="Page Field: Page Content">
    <PageFieldRichHtmlField:RichHtmlField FieldName="f55c4d88-1f2e-4ad9-aaa8-819af4ee7ee8" runat="server"/></div>
    So, I attempted to create 4 columns by using 4 HTML snippets of Page Content on the same page layout. The page layout is generated from HTML file to ASPX file.
    Then I edited some parts in ASPX page layout:
    <asp:Content runat="server" ContentPlaceHolderID="PlaceHolderMain">
    <table>
    <tr>
    <td style="width:70px;">&nbsp;</td>
    <td style="width:250px; text-align:right;">
    <div data-name="Page Field: Page Content">
    <PageFieldRichHtmlField:RichHtmlField FieldName="f55c4d88-1f2e-4ad9-aaa8-819af4ee7ee8" runat="server"/>
    </div>
    </td>
    <td style="width:40px;">&nbsp;</td>
    <td style="width:200px;">
    <div data-name="Page Field: Page Content">
    <PageFieldRichHtmlField:RichHtmlField FieldName="f55c4d88-1f2e-4ad9-aaa8-819af4ee7ee8" runat="server"/>
    </div>
    </td>
    <td style="width:25px;">&nbsp;</td>
    <td style="width:200px;">
    <div data-name="Page Field: Page Content">
    <PageFieldRichHtmlField:RichHtmlField FieldName="f55c4d88-1f2e-4ad9-aaa8-819af4ee7ee8" runat="server"/>
    </div>
    </td>
    <td style="width:25px;">&nbsp;</td>
    <td style="width:200px;">
    <div data-name="Page Field: Page Content">
    <PageFieldRichHtmlField:RichHtmlField FieldName="f55c4d88-1f2e-4ad9-aaa8-819af4ee7ee8" runat="server"/>
    </div>
    </td>
    <td style="width:175px;">&nbsp;</td>
    </tr>
    </table>
    </asp:Content>
    The 4 columns for Page Contents appeared on the web page when I created new page using that page layout. But the problem is that all 4 columns displayed the same result from 4th column.

  • Having trouble with left align in all versions of internet explorer

    I created my pages in Dreamweaver and uploaded them to my university's server.  Because we have a content management system and my boss didn't like the layout that we are able to use, I had to create separate html pages and place them into the CMS using iframes.  Each individual page has a banner on the top, and underneath that, a menu on the left side and the main body text on the right.    In Chrome, Safari, and Firefox, the menu takes up the appropriate amount of space (about 250 px) and then the body text is left aligned about 10 px to the right of the menu.  However, when I open the same page internet explorer, there is a large gap between the menu and the text. I have tried it within the iframes and without and both have this problem.  The URL is: http://chicago.medicine.uic.edu/UserFiles/Servers/Server_442934/File/Hematology/welcome.ht m.  Any suggestions? 
    Thanks!

    I don't  use tables for layouts.  You have more control with CSS. 
    Copy & paste this into a new HTML page and play with it.
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <base target="_top" />
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Untitled Document</title>
    <style type="text/css">
    /* Layout */
    body {
    font-family:Arial, Helvetica, sans-serif;
    font-size: 16px;
    background: #edeadb;
    #wrapper {
    width: 925px;
    margin:0 auto; /**centered on screen**/
    overflow:hidden; /**to contain floats**/
    #header { }
    #leftSidebar {
    width: 225px;
    float:left;
    border-right: 1px double navy;
    font-size:12px;
    #mainContent {
    margin-left: 255px;
    /**left side menu**/
    #leftSidebar ul li a, .menu ul li a:visited {display:block !important; text-decoration:none; color:#000; width:220px !important; height:30px; text-align:left;  text-indent: 10px;   border:1px solid #fff; border-width:1px 1px 0 0; background:#070738 !important; color:#FFFFFF !important;
    line-height:30px; font-size:11px;}
    #leftSidebar ul {padding:0 !important; margin:0 !important; list-style-type: none !important; }
    #leftSidebar ul li {float:left; margin-right:1px !important; position:relative !important;}
    #leftSidebar ul li ul {display:none !important}
    li.leaf, li.collapsed, li.expanded {
      list-style-image: none;
      list-style: none;
      list-style-type: none;
    #leftSidebar ul {
      list-style-image: none;
      list-style: none;
      list-style-type: none;
    /* specific to non IE browsers */
    #leftSidebar ul li:hover a {color:#fff !important; background:#3b3b5c !important;}
    #leftSidebar ul li:hover ul {display:block !important; position:absolute !important; top:0; left:220px; width:105px;}
    #leftSidebar ul li:hover ul li a.hide {background:#070738; color:#FFFFFF;}
    #leftSidebar ul li:hover ul li:hover a.hide {width:150px;}
    #leftSidebar ul li:hover ul li ul {display: none !important;}
    #leftSidebar ul li:hover ul li a {display:block !important; background:#070738 !important; color:#FFFFFF !important; width:150px;}
    #leftSidebar ul li:hover ul li a:hover {background:#3b3b5c !important; color:#FFFFFF !important; list-style-type: none !important;}
    #leftSidebar ul li:hover ul li:hover ul {display:block !important; position:absolute !important; left:151px; top:0; color:#FFFFFF;}
    #leftSidebar ul li:hover ul li:hover ul li a {display:block; width:200px; background:#070738 !important; color:#FFFFFF;}
    #leftSidebar ul li:hover ul li:hover ul li a:hover {background:#3b3b5c !important; color:#fff;}
    /**end menu**/
    </style>
    </head>
    <body>
    <div id="wrapper">
    <div id="header">
    <img src="http://chicago.medicine.uic.edu/UserFiles/Servers/Server_442934/Image/Hematology/mainbannerredstripe.jpg" alt="UIC Hemaotology/Oncology" />
    <!--end header --></div>
    <div id="leftSidebar">
    <ul>
    <li><a href="http://chicago.medicine.uic.edu/departments___programs/departments/Medicine/hemonc/">Welcome</a></li>
    <li><a href="http://chicago.medicine.uic.edu/departments___programs/departments/medicine/hemonc/hemonc_calendar/" target="new">Section Calendar</a></li>
    <li><a href="http://chicago.medicine.uic.edu/departments___programs/departments/Medicine/hemonc/faculty/">Faculty</a></li>
    <li><a href="ttp://chicago.medicine.uic.edu/departments___programs/departments/Medicine/hemonc/fellowship/">Fellowship</a>
    <ul>
    <li><a href="http://chicago.medicine.uic.edu/departments___programs/departments/Medicine/hemonc/fellowship/about/">About the Program</a></li>
    <li><a href="http://chicago.medicine.uic.edu/departments___programs/departments/Medicine/hemonc/fellowship/curriculum/">Curriculum</a></li>
    <li><a href="http://chicago.medicine.uic.edu/departments___programs/departments/Medicine/hemonc/fellowship/mph/">Additional UIC Programs for Fellows</a></li>
    <li><a href="http://chicago.medicine.uic.edu/departments___programs/departments/Medicine/hemonc/fellowship/physicianscientist/">Clinical Investigator Pathway</a></li>
    <li><a href="http://chicago.medicine.uic.edu/departments___programs/departments/Medicine/hemonc/fellowship/apply/">How to Apply</a></li>
    <li><a href="http://chicago.medicine.uic.edu/departments___programs/departments/Medicine/hemonc/fellowship/contact/">Contact Us</a></li>
    <li><a href="http://chicago.medicine.uic.edu/departments___programs/departments/Medicine/hemonc/fellowship/currentfellows/">Current Fellows</a></li>
    </ul>
    </li>
    <li><a href="http://chicago.medicine.uic.edu/departments___programs/departments/Medicine/hemonc/research/">Research</a></li>
    <li><a href="http://chicago.medicine.uic.edu/departments___programs/departments/Medicine/hemonc/studentrotations/">Medical Student Rotations</a></li>
    <li><a href="http://chicago.medicine.uic.edu/departments___programs/departments/dom_sicklecell">UIC Sickle Cell Center</a></li>
    <li><a href="http://chicago.medicine.uic.edu/departments___programs/departments/Medicine/hemonc/BMT/">UIC Blood &amp; Marrow Transplant Program</a>
    <ul>
    <li><a href="http://chicago.medicine.uic.edu/departments___programs/departments/Medicine/hemonc/BMT/about/">About Us</a></li>
    <li><a href="http://chicago.medicine.uic.edu/departments___programs/departments/Medicine/hemonc/BMT/research/">Stem Cell Research</a></li>
    <li><a href="http://chicago.medicine.uic.edu/departments___programs/departments/Medicine/hemonc/BMT/contact">Contact Us</a></li>
    </ul>
    </li>
    <li><a href="http://www.chicago.medicine.uic.edu/cancercenter/clinical_trials/">Cancer Clinical Trials</a></li>
    <li><a href="http://www.chicago.medicine.uic.edu/cancercenter">UIC Cancer Center</a></li>
    <li><a href="http://uillinoismedcenter.org/">UIC Medical Center</a></li>
    <li><a href="http://chicago.medicine.uic.edu/departments___programs/departments/Medicine/hemonc/macneal/">UIC Cancer Center at MacNeal</a>
    <ul>
    <li><a href="http://chicago.medicine.uic.edu/departments___programs/departments/Medicine/hemonc/macneal/about/">About Us</a></li>
    <li><a href="http://chicago.medicine.uic.edu/departments___programs/departments/Medicine/hemonc/macneal/faculty/">Faculty</a></li>
    <li><a href="http://chicago.medicine.uic.edu/departments___programs/departments/Medicine/hemonc/macneal/contact/">Contact Us</a></li>
    </ul>
    </li>
    </ul>
    <img src="http://chicago.medicine.uic.edu/UserFiles/Servers/Server_442934/Image/Hematology/line.jpg" alt="" /> <br /><br />University of Illinois at Chicago <br />
    Section of Hematology/Oncology <br />
    840 South Wood Street <br />
    Suite 820-E CSB, MC 713 <br />
    Chicago, IL 60612 <br />
    Phone: (312) 996-9424 <br />
    Fax: (312) 413-4131
    <!--end leftSideBar --></div>
    <div id="mainContent">
    <h1>Welcome!</h1>
    <p>Welcome to the Section of Hematology/Oncology at the University of Illinois at Chicago. There are over twenty-five faculty members that are committed to providing the highest quality of patient care. The section houses a variety of outstanding programs including an exceptional stem cell transplant program, a nationally recognized sickle cell program, and a strong neuro-oncology program.  We are one of the few universities that participate in the Minority-Based Community Clinical Oncology Program and are also a member of the Myeloproliferative Disease Program, both being NCI-funded programs.</p>
    <p>The program continues to be a leader in expanding the possibilities of cancer research.  Patients are given the opportunity to participate in a variety of pivotal clinical trials in thirteen different disease-type areas.  Our research teams work to ensure that tomorrow's science is practiced as today’s medicine.</p>
    <p>Our three-year ACGME Accredited fellowship program offers fellows the opportunity to work with a  range of hematologic and oncologic disorders in a variety of settings in the Chicagoland area.  Fellows rotate at the Jesse Brown VA Medical Center, Mount Sinai Hospital, Mercy Hospital and now with MacNeal Hospital in Chicago’s west suburb of Berwyn.  Fellows are given the opportunity to focus on both clinical and bench research projects under the mentorship of our faculty members.</p>
    <p>We welcome you to take a look at what our section has to offer.</p>
    <!--end maincontent --></div>
    <!--end wrapper --></div>
    </body>
    </html>
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists 
    http://alt-web.com/
    http://twitter.com/altweb

Maybe you are looking for

  • Listing a join column only once in a select

    Hi.  Has there been any advancement in t-sql where I can continue to select * on tables a and b in a join but expect to get back only one occurrence of columns that r used in the join.  Or do I still need to explicitly list all cols in the query? eg.

  • Trouble printing multiple pages with HP ENVY 5531

    I am printing wirelessly from a Windows 8 machine.  If I only print one page it works fine every time.  If I try to print multiple pages then on the 2nd or 3rd page it always cuts off the bottom portion of the page. There was another post that had a

  • Help with Choosing f4v Video Bitrates

    Hello, I don't know if this is the correct forum but the topic is relevant to Flash. I have a video business and my website has a lot of video examples.  I wanted to show some image quality as well as a decent frame size for viewing. The video files

  • Content based image retrieval using Oracle Multimedia

    I'm doing a thesis in which I'm trying to improve content based image retrieval, and using Oracle 11g Multimedia and I'm hoping to do CBIR system based on signature generated by Multimedia. To do my application I'm using  this documentation http://fi

  • Plug-in Mismatch while starting OMS

    Hi All, While starting the OMS using command "emctl start oms" fails by throwing an error stating. Plugin mismatch with repository. What might be the cause for this? Any ideas? Thanks, Wern