Vertical Centering of a page in GoLive

I need a help in vertical centering a page. After long trials and with the help of others in this forum I was able a website that is functioning well enough. The only concern is that it needs to be centered vertically. You can see the website on: http://www.chimeddorj.com
I read the tutorial on the following link, and I liked the 3rd method.
http://blog.themeforest.net/tutorials/vertical-centering-with-css/
But it was too complicated for me as I don't use GoLive often enough. I made this website 3 months ago and since then I haven't used it again. As a result I kind of forgot a lot of things that I knew at that time. If you know how to make the Vertical Centering, could you please guide me how to place the codes in right places? I could provide you with necessary files if necessary. You can also see the HTML code sources by clicking the right button on the website that I created. 
For some people it may be easy as click. Please help me if you can.

Thank you very much for comment. I tried to use the table method with your codes. It is centering the content horizontally, but not vertically. The contents are stuck to the top as I resize the window. It seems like I am missing some point. I copy and paste my current code. Could you please give me more advice?
<!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>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta name="generator" content="Adobe GoLive" />
<title>Mongolian Artist Chimeddorj</title>
<script src="js/swfobject.js" type="text/javascript" ></script>
<style type="text/css" media="screen"><!--
body { text-align: left; }
a:link { color: silver; font-size: 14px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: 600; font-stretch: condensed; line-height: 18px; text-decoration: none; }
a:visited { color: silver; font-size: 14px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: 600; line-height: 18px; text-decoration: none; }
a:hover { color: black; font-size: 14px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: 600; line-height: 18px; text-decoration: none; }
a:active { color: gray; font-size: 14px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: 600; line-height: 18px; text-decoration: none; }
#Name { color: #633; font-size: 14px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: 600; text-decoration: none; }
.note { color: gray; font-size: 11px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 15px; }
--></style>
</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0" align="center" height="100%">
                <tr align="center" valign="middle">
                    <td align="center" valign="middle">
<div style="position:relative;width:1060px;height:540px;-adbe-g:p;">
<div style="position:absolute;top:0px;left:0px;width:700px;height:540px;-adbe-c:c">
<script type="text/javascript">
var flashvars = {XMLFile: "paintings.xml"};
var params = {bgcolor: "#ffffff", allowFullScreen: "true"};
swfobject.embedSWF("ArtFlashGallery.swf", "myAlternativeContent","700", "540", "10.0.0",false, flashvars, params);
</script>
<div id="myAlternativeContent">
<a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /> </a></div>
<br />
<!-- You can't remove the copyright text below if you're using free version --></div>
</div>
</td>
</tr>
</table>
</body>
</html>

Similar Messages

  • Vertically centered file background matching

    How can I have a vertically centered files background match
    the background of the html file? I have seen it work, like for
    example here:
    http://www.aidlindarlingdesign.com/
    You can see mine here which does not have the background
    working yet:
    http://www.agilitygraphics.com/clients/sams
    Looks fine, if the browser window is only 600 or close to
    that high. But if you open it further, the gradient of the file and
    the page background don't match anymore. How would I fix this? Can
    I have a transparent background to the file?
    Thanks a lot for any help with this!

    the aidlindarlingdesign site is using a transparent swf to
    display the soft edges around their content. Google "transparent
    swf" and you will find a multitude of competent tutorials on how to
    do this.

  • Why is vertical centering still such a challenge?

    Is it really still this tricky to code DW to allow easy vertical centering? Just wondering. Tools for web design have been around long enough, and yet, simply vertically centering an image remains... elusive. Sure - if you know exactly how to do it, or remember it, or figure it out.... sometimes I can get it to work with relative ease; other times, not so much.
    Really, though - no vertical center button anywhere?  (I may have missed it.)
    Now, I admit, I have some homework to do; in the mean time, though, is there any guide someone can recommend?
    I'd like to both center divs vertically as well as center their content vertically, and not necessarily both at the same time... preferably using css.
    thanks,
    Andrew

    as to why this is this case is presumably because as the width of an element shrinks, margins-top and position-top and height are contingent on that allowed width.  But margin-top and margin-bottom by default are set to auto. This may make it seem like vertical alignments should occur naturally, but it does not. This is because behind the scenes auto is converted to 0. Meaning that Height auto is automatically set to 100% of its containers height leaving no room for margin-top or margin-bottom.  Vertical formatting of block level normal flow elements, relies on a calculation much like horizontal formatting.  margin-top+border-top+padding-top+height+padding-bottom+border-bottom+margin-bottom must equal its parenting elements height.    However if you use absolutely positioned elements, then if all three of 'top', 'height', and 'bottom' are not auto: If both 'margin-top' and 'margin-bottom' are 'auto', solve for  top+ margin-top+border-top+padding-top+height+padding-bottom+border-bottom+margin-bottom +bottom must equal its parenting elements height. Therefore, margin-top and margin-bottom will be equal values thus vertically centering the element.

  • Centering Spreads and pages in window. CS3

    After having centered a spread (and selected fit window) I use the Pages Palette to go from one page to another (or from one spread to another). More often than not the pages display off centre and re-centering gets very tedious.
    Is there a simple way of ensuring that one can click pages and/or spreads and get them to centre on the window automatically?

    True, the OP was regarding the pages palette. My post did not address using the pages palette. It addressed an alternative method of navigating the document that I use that I find useful with all the keys required grouped for convenient access.
    I acknowledge that I can change the page up/page down KB shorts as you indicated. I find the keys useless (personal opinion) as I have edited my cursor keys as described above. The default setting on the key is not satisfactory to me, as is the physical position on the keyboard (not the fault of the application).
    Note that the Jump to Page (CMD+J) feature is another Keyboard navigation feature that can reduce the need to use the pages palette for document navigation purposes.
    I propose that by using the Fit Page / Fit Spread settings and THEN using the pages palette/panel, that the view should remain centered on the page (by double clicking the page icon) or the spread (by double clicking the spread numbers).
    I do agree that it would be nice if the view would retain the same relative position when zoomed in on a location... say a corner, or a position 300 x 75 points from the origin. Instead, the view jumps to the center of the spread, even with KB nav. I do not have an answer to that behavior except to work around it. My personal workaround is to use the keyboard navigation to quickly center full the page/spread and then move on.
    -mt

  • I am trying to print a  jpg, centered on the page, to epson printer and the printed image is off center, does anyone have a sense about setting to check?

    i am trying to print a  jpg, centered on the page, to epson printer and the printed image is off center, does anyone have a sense about setting to check?

    right click a blank area of the toolbar, click Customize. You'll see the printer icon there. Drag and drop it to where you want.
    You can also find this option under View -> Toolbars -> Customize.

  • Centering horizontally a page consisting of several Page Fragments

    While centering a simple page horizontally was greatly described in SJSC
    Field Guide and working fine, the same technique didn't work for multifragment
    jsf page.
    Have somebody implemented the centering such a page horizontally?
    Will appriciate for a working example.
    Thanks in advance

    Can you summarize the technique in question, and then give a few details about how you are trying to do it with page fragments? Without that, it is difficult to tell what you want to do.

  • My cursor isn't working on Firefox so I can't scroll down - I must manually hold vertical bar to move page - I've already tried troubleshooting - helped temporarily, but still problem now - cursor otherwise works on other servers

    My cursor isn't working on Firefox, so I can't scroll down - I must manually hold the vertical bar to move page.

    I have had this nagging problem several times. Each time more frustrating than the last.
    '''PDF''''s. If you have a .pdf page open in Firefox (as often happens when looking at brochures and whatnot from websites) the mousepad side scroll function will not work. Plugging in an external usb device works just fine, making the situation that much more aggravating.
    Simply close any windows or tabs from Firefox that are displaying .pdf's, and the blood pressure "should" return to normal values. If your blood pressure doesn't return to a satisfactory value, see your family doctor. He'll probably ensure your continued trust in Firefox is still better than any experience with explor.er.

  • IPhone: Vertically centering UILabel text

    The UILabel permits horizontal centering of its text via the textAlignment property, but there seems to be no way to align the text vertically. I have 3 labels, the last holding from one line to several. It if only has a single line, the text is vertically centered giving a big gap from he previous text. That looks uncool. (and in the Mac world, cool is everything). Is there some secret magical way to get UILabel to vertically center is text as well, or do I need to abandon labels and just drop down to drawRect.

    Check out NSString(UIStringDrawing). It has the following method, which you can use to calculate the size of the text as it would be in the label. Then you can set the label height to the minimum necessary for the text, which will solve your vertically centering problem.
    sizeWithFont:minFontSize:actualFontSize:forWidth:lineBreakMode:

  • Centering text vertically & horizontally on a page

    Anyone know how to do this? I know how to center text within a text frame but what about a whole page. In this instance I would like to center it on a business card!
    Thanks!

    Windows>Align
    Then Select
    To: Page
    And then hit the center button on the vertical and horizontal

  • Disable Vertical scroll but enable Page down in Table control for BDC

    Hello All
    In my 4.6C sysem , i had enabled Scroll bar in table control by  populating TABC-lines = <No of records>...Then when i try to capture the BDC recording of this , then the scrolling event is not captured in BDC , as we all know.....
    So i put few buttons on the application bar as NEXT PAGE, NEXT LINE , PREV PAGE n PREV LINE...and i did the scrolling by writing the code manually in PAI...and that is getting captured in BDC so my problem is partially solved...
    Now as u see..i have default working Scroll bar on my T.C..also i have my buttons on the application bar....i want to get rid of the vertical scrolling....so now i am NOT populating the TABC-lines field...But as soon as i do this , my  buttons stopped also working...Any idea how to get rid of this ?
    In short when i don't write : TABC-lines = no_of_records .....to remove vertical scroling.......my manual scrolling mechanism also getting disabled..
    Is it possible to remove only vertical scrolling ?
    Thanks in advance .
    Nilesh

    No reply from any one ???

  • Centering web site pages in Dreamweaver

    Just wondering if someone know's how to center web site pages
    using CSS if thats possible, if not what other way?
    (i'm using MX or 8)

    >I find that using body { text-align:center; } generaly
    center aligns text
    >and
    > div's all over the page, which I don't find desirable.
    Certainly. That's why most people use something like -
    body { text-align:center; }
    #wrapper { text-align:left;width:760px; margin:0 auto; }
    to center the page.
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.dreamweavermx-templates.com
    - Template Triage!
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    http://www.macromedia.com/support/search/
    - Macromedia (MM) Technotes
    ==================
    "daveCph" <[email protected]> wrote in
    message
    news:evks8r$c54$[email protected]..
    >I find that using body { text-align:center; } generaly
    center aligns text
    >and
    > div's all over the page, which I don't find desirable.
    You can try this:
    > <style type="text/css">
    > <!--
    > table#holdAll{width:100%; }
    > table#holdAll td#centerIt {text-align:center;}
    > div#mySite{width:960px;}
    > -->
    > </style>
    >
    > <table id="holdAll">
    > <tr>
    > <td id="centerIt">
    > <div id="mySite>
    > all your stuff here
    > </div>
    > </td>
    > </tr>
    > </table>
    >
    > hope it helped
    >
    > Dave (no smart quote)
    >

  • Printing using Mail - Vertical printing over several pages error

    Hi All.
    Wonder if anyone can help here?
    When I want to print any email from Mail, for some odd reason the email gets spread out over several pages or more depending on the size of the email. The text is printed in one vertical line consisting of one letter per line, like this:
    t
    h
    i
    s
    i
    s
    h
    o
    w
    I have to copy and paste each email into text edit and print from there.
    If anyone can help, that would be great.
    Cheers
    Steve
    G4   Mac OS X (10.3.9)  

    Hi All.
    Wonder if anyone can help here?
    When I want to print any email from Mail, for some
    odd reason the email gets spread out over several
    pages or more depending on the size of the email. The
    text is printed in one vertical line consisting of
    one letter per line, like this:
    t
    h
    i
    s
    i
    s
    h
    o
    w
    I have to copy and paste each email into text edit
    and print from there.
    If anyone can help, that would be great.
    Cheers
    Steve
    G4   Mac OS X
    (10.3.9)  
    Hi Steve,
    I have the same problem with the text in Mail printing very narrow like what you described. Did you ever get a resolution to the problem?
    It seems like it was never answered in the forum replies.
    Hope you can help out if possible.
    Danny

  • Vertical centering in Spark/Flex

    I am horizontally dividing my panel between two elements.
    To acheive that I am using the following layout controls
         <s:layout>          
              <s:HorizontalLayout>
                 <s:paddingBottom>20</s:paddingBottom>     
                 <s:paddingTop>50</s:paddingTop>
                 <s:paddingLeft>20</s:paddingLeft>
                 <s:paddingRight>20</s:paddingRight>
                 <s:gap>300</s:gap>
              </s:HorizontalLayout>          
         </s:layout>
    This is splitting the panel correctly on the horizonal front.
    However, I am then trying to center my other components vertically within the panel and am failing.  My non-spark component seems to center perfectly using the following:
         <mx:VBox verticalGap="20" horizontalAlign="center">
              </mx:VBox>
    However, when I add a second panel I can't seem to figure out how to center it vertically.  I am using the following code:
    <s:Panel id="nodeExplorer" backgroundColor="0xFFFFFF" creationComplete="hidePanelHeader(event)" horizontalCenter="0" verticalCenter="0">
         <s:layout>
         <s:VerticalLayout>
            </s:VerticalLayout>     
         </s:layout>
    </s:Panel>
    Any advice on how to verticaly center that second panel is welcome.

    UbuntuPenguin and _spoboyle -
       Thanks for the help.  Setting the verticalAlign to middle and height to 100% seemed to mostly solve the issue.
    That seems to line up the VBox and the Panel..  However, when I place an object into the panel that object isn't centered vertically within that panel.  I have a mouse listener on the images in the VBox and when you click one it removes it from the VBox and adds it to the panel.  The VBox recenters everything correctly, but the moved object is not centered.
    <s:Panel verticalCenter="0" id="mainPanel" visible="true" width="100%" height="100%" backgroundColor="0x000000" creationComplete="hidePanelHeader(event)">
         <s:layout>          
              <s:HorizontalLayout>
                   <!--
                 <s:paddingBottom>50</s:paddingBottom>     
                 <s:paddingTop>50</s:paddingTop>
                 <s:paddingLeft>20</s:paddingLeft>
                 <s:paddingRight>20</s:paddingRight> -->
                 <s:gap>300</s:gap>
                 <s:verticalAlign>middle</s:verticalAlign>
              </s:HorizontalLayout>          
         </s:layout>
         <mx:VBox backgroundColor="0xFFFFFF" height="100%" verticalGap="20" verticalAlign="middle">
              <mx:Image source="@Embed(source='p6-550.png')" scaleX=".5" scaleY=".5"/>
              <mx:Image source="@Embed(source='p6-550.png')" scaleX=".5" scaleY=".5"/>
              <mx:Image source="@Embed(source='p6-550.png')" scaleX=".5" scaleY=".5"/>
              <mx:Image source="@Embed(source='p7-750.png')" scaleX=".5" scaleY=".5" id="p71" creationComplete="blinkP7Disk(p71)" mouseDown="exploreNode(p71)"/>                              
              <mx:Image source="@Embed(source='p7-750.png')" scaleX=".5" scaleY=".5" id="p72" creationComplete="blinkP7Disk(p72)"/>
              <mx:Image source="@Embed(source='p7-750.png')" scaleX=".5" scaleY=".5" id="p73" creationComplete="blinkP7Disk(p73)"/>
         </mx:VBox>
         <s:Panel id="nodeExplorer" backgroundColor="0xFFFFFF" creationComplete="hidePanelHeader(event)"  height="100%">
              <s:layout>
                   <s:VerticalLayout>
                        <s:verticalAlign>middle</s:verticalAlign>
                        <s:gap>20</s:gap>
                   </s:VerticalLayout>     
              </s:layout>
         </s:Panel>
    </s:Panel>

  • Display vertical text in body page

    Hi Gurus,
    I want to display vertical text(90 degrees angle) in my body page. Can u pls advice me how to do??
    Regards,
    Srini

    Hi Srini,
    I would prefer you to explain the problem in the forum itself sothat it will be beneficial for others as well.
    Anyway, it is possible to rotate the text in the dynamic table as well.
    1) Find the text to rotate by looping the dynamic table (use javascript function, "xfa.resolveNodes()" to loop).
    2) Rotate it using the script in appropriate event.
    tab1.data.textField.rotate = "90";
    Please let me know if you need more help.
    Thanks & Regards,
    Sanoosh

  • IPhoto book has vertical lines down the pages

    I am ready to send my 54 page photo book to Apple.  However, in going through it one more time, there are vertical lines --1 -2 per page on about half of the pages.  They have not been there before.  They are white or colored.  Some go through all the page vertically and some are only 1/2 the distance.  Most of the pages effected are the left or the even number ones, but that is not always the case.  I shut down IPhoto to see if that would work.  Last night support here told me to rebuild the library which I did--that was to take care of the constantly spinning color wheel.  What can I do about this new problem.  I am so excited about the book and want to send it to print, but fear that these lines will show up.

    Thanks Larry,
    YOu have been spot on this week with my 2 questions.  The preview seems to be fine, so guess I can proceed. The lines are gone in the preview.
    There is also another glitch, however.  In my map page, I have identified the cities.  Most of them are there, but some--only the red dots are there and when I click on the red dot, the name shows, then when I click outside the book, the dot stays, and the name goes away.  There seems to be plenty of room for the name.  I thought it might be OK in the preview, since the lines went away, but there are still a couple that don't show.

Maybe you are looking for

  • Regarding the run time analysis

    Hi All, To check the performance of the program, we will go to Run time analysis, in the utilities. In the analyes part consist of graphical representation of the ABAP, DATABASE and System. My Question is 'When we give small range of values in the Se

  • Region Template

    I have a SiteStudio page that allows me to edit content and now I want to use the WCM_EDIT_DATA_FILE where I have the dDocName but it is complaining that it cannot locate the region definition. I've created a Region Definition in SiteStudio and put a

  • Exchange 2013 installation fails

    We're in the process of migrating from Exchange 2007 to Exchange 2013.  I've followed the prerequisites, and have the necessary account permissions, but when I start the installation it fails at step 1 of 5 (mailbox role:mailbox service). This warnin

  • Marathi language

    can i install marathi language in noki c5

  • GG for  T24

    Hi Experts, I'm new in GoldenGate, Can you please confirm whether can we able to fetch the data from Temenos T24 and replicate the same into Oracle database. we have to replicate XML and LOB data type data.. please help on this Thanks