How do I Center the page Split and Design mode?

When I look at my model in Design or split mode, it is flush on my screen with a top margin of 20 px or more. But when I check it in Live View mode, or when he seen on Firefox/Safari/Chrome/Opera, it is centered and aligned against the top of the screen.

I should add that the model was very much in the design and split, until I started clearing the menu a spry. My page has fallen apart, I deleted the spry with plans to start ot on. But then I discovered my model right flower (in the design and Split, in any case).

Can someone tell me please how to fix this? I guess that's more annoying than a tragedy, as long as the page is centered when he goes online. But it's a nuisance to work on the right side of the screen.

The following encoding:

* {
margin-top: 0px;
left margin: 0px;
}

{#wrapper}
background-image: url (.. / template%20images/mainBody.jpg);
background-repeat: repeat;
overflow: hidden;
Width: 800px;
background-color: #CCC;
margin-right: auto;
left margin: auto;
}
#wrapper #header {}
height: 150px;
Width: 800px;
background-color: #CCC;
background-image: url (.. / template%20images/header.jpg);
}
{#wrapper #navBar}
height: 55px;
Width: 800px;
background-color: #666;
background-image: url (.. / template%20images/navBar.jpg);
}
{#wrapper #mainBody}
Width: 80%;
margin: 0 auto;
padding-top: 20px;
do-family: Arial, Helvetica, without serif.

}
#wrapper #footer {}
background-image: url (.. / template%20images/footer.jpg);
Width: 800px;
height: 60px banner;
text-align: center;
font size: 16pt;
Clear: both;
}

< ! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / IN" "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 "/ >"
<!-TemplateBeginEditable name = "doctitle"-->
2000_template < title > < /title >
<! - TemplateEndEditable - >
"" < link href = "... / Layout.CSS" rel = "stylesheet" type = "text/css" / >
< style type = "text/css" >
<!--
->
< / style >

< / head >

< body >
< div id = 'wrapper' >
< div id = "header" >

< / div > <!-close header->

< div id = "navBar" >

< / div > <! - close the navigation bar - >
< div id = "mainBody" > <! - begin mainBody - > <!-TemplateBeginEditable name = "mainContent"-> value

< p > Lorem ipsum dolor sit amet, adipiscing elit computer. Etiam dolor libero, aliquam vitae in city, malesuada non neque. < /p >

< p > Phasellus dignissim arcu eget posuere vel varius total magna dapibus. Phasellus pharetra imperdiet nunc vel fermentum dolor id interdum. Integer luctus mollis tempor. Nunc urna, blandit at, ultrices and erat sollicitudin cursus lacus. Lectus sed ipsum vitae dictum city, diam, euismod augue, an aliquet felis massa ut nibh augue. < /p >

< p > ac ante Sed magna. Nulla ullamcorper posuere MPCs. In interdum elit sed tempor so, mauris justo, lobortis sem sed egestas quam magna a mi Etiam tincidunt fringilla sapien congue condimentum adipiscing ut augue. Nam pretium egestas lacus in elementum. Vivamus eros erat, varius nec, aliquam quis congue orci. < /p >

< p > Vivamus eget felis purus, in porta tellus. Nullam ac orci had luctus ornare arcu. Aliquam quis ligula metus. Morbi congue cursus justo, and restore sem adipiscing blandit. < /p >

< p > amongst bibendum sed nisi. Curabitur imperdiet lacus in ullamcorper ultrices. Etiam pulvinar magna and EU aliquam metus semper congue neque. < /p >

<! - TemplateEndEditable - > < / div >
<! – close the main body - >
< div id = "footer" > <!-TemplateBeginEditable name = "footerPage"->
< p > & #8249; & #8249; Previous 1: 2: 3: 4 continue & #8250; & #8250; < /p >
<! - TemplateEndEditable - > < / div > <! - close footer - >
< / div > <! - close wrapper - >
< / body >
< / html >

Get rid of it.

* {
margin-top: 0px;
left margin: 0px;
}

The universal selector (asterisk) apply whatever styles give you to EACH ELEMENT on the PAGE anywhere.  So unless you know exactly what you are doing, do not use universal selectors.

To Center your page

{body

Width: 900px / * some width in pixels, ems or %}

Auto margin: 0;

}

Nancy O.
ALT-Web Design & Publishing
Web | Graphics | Print | Media specialists
http://ALT-Web.com/
http://Twitter.com/ALTWEB

Tags: Dreamweaver

Similar Questions

  • I installed 5.6.2 Pages but all my old documents will open with ' 08 how can I delete the Pages ' 08 and update all the old documents

    I installed 5.6.2 Pages but all my old documents will open with ' 08 v.3.03 How can I remove the Pages ' 08 and update all the old documents

    5 pages is located in your Applications folder.

    Pages ' 08 is located in your Applications/iWork ' 08 folder.

    If you open your old documents Pages ' 08 with 5 Pages it will convert and if not damage, remove a large number of useful features.

    You will probably regret upgrading to 5 Pages which Apple has made extremely inconsistent and keeps changing its file format.

    Peter

  • How to automatically center the page in the browser window

    Somewhere along the way, I remember coming across a very simple way to automatically focus your web pages in the browser.  Could someone remind me how it's done.  I think it's an order in one step among the toolbars, located along the upper part of Dreamweaver, but I looked through them and can't find it.  I also tried application center alignment my wrapper div that holds all my content, but who did not do.

    Thank you.

    {#wrapper}
    background: #AEADB2;
    padding: 0px;
    height: 660px;
    Width: 960px;
    position: absolute;
    z-index: 2;
    Auto margin: 0;
    border-style: none;
    Top: 0px;
    text-align: left;
    }

    Thanks again for your help.

    I didn't know you were in the position: absolute on the wrapper div - that is why it is always best to ask for a link - which I did not in this case :-)

    position: absolute;

    For the wrapper div, change this:

    position: relative;

    and it must be centered - he did when I edited the css in Firefox :-)

  • How do I Center the page (from mobile) in the browser

    Hi guys,.

    Could you please help me Center my muse set adobe site (for example, the master page) horizontally in a browser?

    I know there is an easy check for her in the office sites, but I need to do in a mobile site.

    Maybe some html/css, I put in the header?

    Thank you!

    -Max

    Hi Max,.

    Could you please check this thread

    How to Center a mobile web in Muse?

    If you still have questions, please me know.

  • How do I Center the page designed on the edge

    Hi, can someone please tell me if there is a way to make a page created on the edge to Center vertically on the browsers? It seems by default at the top left.

    Thank you

    The correct code for the addition of centering for concert on board is $("#__S__tage").css ("margin", "auto").

    Make sure you use capital S for the scene.

  • How can I get the Windows Fax and Scan program to scan mutiple page to a file rather than to each page into a separate file?

    How can I get the Windows Fax and Scan program to scan mutiple page to a file rather than to each page into a separate file?

    You don't, so use the scanning software provided by your device manufacturer, assuming that you have installed the unknown device with their installation cd or the download direct the full version of this site to the

  • How to generate the alert when pageitem move on the page? and what class boss be use to move pageitem

    How to generate the alert when pageitem move on the page? and what class boss be use to move pageitem

    Hi Philippe,.

    You can see the kDocBoss for the ClassID with the PMIID IID_ITRANSFORM_DOCUMENT kLocationChangedMessage.

    Markus

  • I filled out a form on the page 8 and he saved several times along the way, and now when I open this file, the form is empty?  How can I save my work so I can open the form later and it contains all my data?

    I filled out a form on the page 8 and he saved several times along the way, and now when I open this file, the form is empty?  How can I save my work so I can open the form later and it contains all my data?

    Hi Eileen97933052,

    The PDF form must be extended drive in order to have this feature to save & print the form data.

    Please confirm by the PDF Creator is the PDF reader or not extended.

    Otherwise, if you have Acrobat installed on your system, you can reader extend PDF form yourself.

    Kind regards

    Nicos

  • Can I create an action to move the last page to the first?  I can only find how to manually drag the pages, and I need to make it simpler when there are a lot of pages.

    Can I create an action to move the last page to the first?  I can only find how to manually drag the pages, and I need to make it simpler when there are a lot of pages.

    Yes, you can do it using a script. This code should do the trick:

    this.movePage (this.numPages - 1, -1);

  • How can I hide the page thumbnails navigation bar initially to the top of Adobe Reader and open a pdf file?

    How can I hide the page thumbnails navigation bar initially to the top of Adobe Reader and open a pdf file? I couldn't find this option on the Preferences tab? Thank you

    Under Edit - Prefs. - Documents check the box that says "Restore last display settings when reopening documents." Hide the Pages panel manually, and the next time that you open the file it should have disappeared.

  • Change the page size and text in Firefox 35.0.1

    I had a small red P at the top right of Firefox that changed the page size and the fonts that I lost after a reset: How do I get it back?

    Do you mean this extension?

    You can check the "Old data Firefox" folder on the desktop to see what extensions you previously had.

  • I downloaded several updates available for Windows Vista and since that time, I was not able to access my emails. I use netscape and the page opens and freezes.

    I downloaded several updates for vista (no critical updates) and since that time, I was not able to access my emails. I use netscape and the page opens and freezes. What should I try?

    original title: EMAIL GEL

    Hello

    What updates do you have installed?

    Check if the problem persists in the clean boot state.

    From your computer by using a minimal set of drivers and startup programs so that you can determine if a background program is interfering with your game or program. This type of boot is known as a "clean boot".

    Reference:

    How to troubleshoot a problem by performing a clean boot in Windows Vista or in Windows 7

    http://support.Microsoft.com/kb/929135

    When you are finished troubleshooting, follow these steps to reset the computer to start as usual:

    1. click on start, type msconfig in the search box
    2. press ENTER.

    The System Configuration Utility dialog box appears.

    3. click on the general tab, click Normal startup - load all services and device drivers and then click OK.
    4. When prompted, click on restart to restart the computer.

    Also, look for error messages in the event viewer. If you find error messages after return the exact error message so that we can help you better.

    Measures to check the application event log:

    a. click Start.
    (b) in the search box type eventvwr.msc , and then on enter.
    c. now, click Application in the event viewer (local).
    d. now, looking for event log on the right side of the event viewer window.

    http://Windows.Microsoft.com/en-us/Windows-Vista/open-Event-Viewer
    http://Windows.Microsoft.com/en-us/Windows-Vista/what-information-appears-in-event-logs-Event-Viewer

  • HP Deskjet 2540: How to print only the Page showing

    How to fix my printer to print just what is on the screen?

    For example, I am trying to print the list of the NBA team, which shows on the screen, but when I hit print, it prints five pages and the list is divided between the last two pages.

    I used to have a nice little program, years, called "Print Screen", which I was allowed to do, but it became obsolete.  My HP 2540 is new and I have the CD with any software.  Is there something out there that will help you?  TIA

    D-S-N

    Thank you banhien, but as I mentioned in the post, the list was divided between two pages when it print so choose page I was only half of the team.  However, I found a solution, provided by HP and ready to install.  I remembered a window asking if I wanted to install "HP Smart Print" shortly after I installed my new printer to appear.  I didn't know what it was, I went on it.  I shouldn't, because it's actually the version of HP of the old program 'Print Screen'.

    It allows you to choose from, with the mouse, the entire page or a part of the page, preview and enlarge (up to 200%) or to reduce and print any number of pages you want.  Really great!  I found it waiting to be installed in 'Tools' on the menu of Office Windows 8.1 under "HP Smart Print 2.1".»  As soon as it is installed and I went to the for use, he informed me that there is a 'Smart Print 2.7' update available, I did, it only took about 30 seconds and he was.  It works perfectly.

    A second solution is to go out tomorrow and buy another victory. 8.0 HP keyboard, to replace my five-year-old wireless keyboard HP Deluxe Desktop which is supported only through Win XP and who does not the "Prnt scrn" button  I guess it is old 32-bit and 64 - bit.  Hitting "ALT - Prnt scrn" used to work with XP and earlier operating systems.

    Dennis

  • How to detect if the page is a reload or not?

    I have a form in the cfm page if the user submits the form, I don't want to go to another page. I want to reload the page and I'll capture all values and send the data in this way. However, I need to hide the form once the user submits the form. So, how I detect if the page is a reload (after is submitted) or it's the first time it is been charged?

    You can manage only two ways.  One, add a hidden field to the form that passes a value, then check if the value exists in the URL/FORM variables (if it exists, the page is reloaded by sending the form - if it does exist, it's the first load of the page).

    Perhaps a better approach would be to manage the form via an AJAX request is sent, and then hide the form if the AJAX request is successful.  This all is possible using JavaScript.  The advantage is that the user leaves the page never actually or it recharges.

  • How can I fix the serial number and the product number in my bios cq61-410us?

    I have a laptop HP 18 months, with Windows 7.  It worked wonderfully in all until he decided a little there is to lose the serial number on the bios information.  Thus, he thinks now that I have a copy of counterfeit Windows.  How can I restore the serial number and product number in the bios information?

    Hello

    The only practical way to achieve this is to contact HP via the corresponding link below and to make arrangements for this information re-tattooed to the bios to a service center authorized.

    If you live in the United States, contact HP here.

    If you are in another part of the world, begin here.

    Kind regards

    DP - K

Maybe you are looking for

  • Cannot disconnect from this Web site

    I'm new to the forum have posted a question already but now I discovered another problem.I can't log out of Mozilla Support. This just started today and the only way I can log out is if I delete cookies. I tried already the mode without failure for F

  • Firefox and Shockwaveflash 14.0.0.145 using 100% CPU

    Firefox (v30.0) normally uses the CPU of 2 to 6%.When I start a video using shockwave flash 14.0.0.145, firefox uses 20 to 40% of the CPU and shockwave 50-80%.For the most part resulting in a total of 100% CPU usage.This problem occurs for a week or

  • videos YouTube don't work, how to re - sync my pc

    at home after a week and found that youtube and other videos do not play. on you tube it says only: "year error occurred try again later". another pop just a screen empty site: I completely removed firefox and re-installed (that's why I have a SYNCHR

  • Problem with the motherboard (black screen) & Toshiba

    Right, I got my Satellite pro 14 c in July and October 2012 as a gift for education * this year *, every time I moved my laptop, the screen went black, I was not able to see the screen AT ALL. It's OK for a few weeks, then in August, he began, I cont

  • Addition of drift in frequency of trapezoids

    I'm using Labview 8.0 and I want to add the derivative of a square wave to the instantaneous frequency of a sinusoid at the same point in time. I tried to use the VI point by point, but they do not seem to work. Does anyone have any suggestions?