Page Center content

My pages have all evolved to the thread to the left of my browser instead of being centered in the page. I looked at my other site and saw that I was missing a < div.container > after < body >. I added this but only the header moved to the Center. I want to have my whole page centered with margins on each side, then it will appear centered in any browser.

Any suggestions?


http://onepinkpetal.com/

Thank you

Iain

First of all, you have two "end header" tags in the code (see below). Delete the other.

Logoparents and teens


   
   

Then add

directly after the openingtag (as shown below). Note the second «end header»
tag disappeared.


Logoparents and teens

Then add the below css to your css styles and adjust the width according to:

#container {}
Width: 800px;
margin: 0 auto;
}

Tags: Dreamweaver

Similar Questions

  • I get an error pop-up that says that Web page contains content that is not delivered using a secure HTTPS connection. What does that mean?

    I get an error pop-up that says that Web page contains content that is not delivered using a secure HTTPS connection, but likely to compromise the security of the entire webpage, whatever that means

    In "BOLD" on the very top of the ther security warning she also ask you want to view only the webpage content that was delivered safely?

    original title: HTTPS connection issues

    You are using Internet Explorer 8?

    This article describes the causes of this message and how you can remove:

    http://blogs.msdn.com/b/ieinternals/archive/2009/06/22/HTTPS-mixed-content-in-IE8.aspx

    Information on the changes in Internet Explorer 9 is available here:

    http://blogs.msdn.com/b/ie/archive/2011/06/23/Internet-Explorer-9-security-part-4-protecting-consumers-from-malicious-mixed-content.aspx

  • Content of the unique print side Home Page Center

    Hello

    I recently worked on an InDesign template, however when I export the model in PDF format the content of the page brought to the left of the page. I want to leave some gap on the left side, Center the content, according to what is best for printing and spiral-bound. How is it possible without moving all items individually? I added a picture, shows borderline Green where I want my content to be. I want to be similar to what indesign layout when he adds benchmarks of the printer without brands. Thanks and help is very appreciated.


    PSO.png

    When you export your document to PDF, InDesign will honor all document settings, you did: size, margins, and eventually bleed and/or slug. You can decide if you need to crop and other brands and if you want to bleed by default, custom or none. So, if the document is correctly configured to (paper) size available on your printer, export to pdf with no bleeding and brands, you should be ok. If the size is different, you must fix in the page layout for printing the pdf document.

  • Adobe Muse / Center content / phone and Tablet Help

    When I discovered my site on phone or tablet content is not centered. He is more focused on the left. How can I fix? Thank you very much IMG_2582.PNG has

    Hello Bywaycreative,

    Please go to phone/Tablet available, open the pages concerned in design mode and make sure it noting square next to the area of the page. Verify the same for master pages. If you find something outside and then delete or place it inside the area of the page. Best way to find items outside the area of the page is to press Ctrl + A or command-A and it is highlighted.

    Don't forget to publish the site after the changes.

    There would be more reasons behind this behavior, so if the suggestion above does not fix the issue then I advise you to share with me .muse file so that I can take a look to the file and tell you the specific cause in your file.

    Kind regards

    Vivek

  • CSS attributes to the Center content in 2 columns next to each other in a container

    Hi all


    I have a line/container Bootstrap with 2 columns.  I would like to place Center the text in the left column and an image in the right column, and I want to be located next to each other in the center of the container.  (See the diagram).  Anyone know how?

    I could do it quite easily with margins, but I fear that this would produce a bad alignment/display on small devices.  I would like the text and image to stack and to focus on small devices.

    Here is my HTML code:

    < div class = "container" >

    < section class = "row" id = "content of the header" >

    < div class = "col-md-6" >

    < h1 > wallpapers you will love! < / h1 >

    < p > now you can express yourself every day with high quality wallpapers and enjoy and share funds. They are free! < /p >

    < button type = "button" class = 'btn, btn-primary' > button < / COMING SOON >

    < p > available on most Android devices. < /p >

    < / div >

    < div class = "col-md-6" > < img src = images/wallpapers_on_phone_2.png"" width = "284" height = "468" alt = "Christ - honoring Wallpapers to build your faith" > < / div >

    < / section >

    < / div >

    CSSdesired-result.jpg

    Also, can someone tell me how to find beyond channels/discussions in this Forum I participated in?


    Thank you!

    I put a 'height' on the .block-wrapper for the example, you must remove that:

    . Block-wrapper {}

    Display: table;

    Width: 80%;

    margin: 0 auto;

    background-color: #FFC;

    height: 500px;

    }

  • Page Center

    Hi all, if my page does not Center even though I have this css. Could someone tell me why this isn't the case?

    . Container {}

    Width: 1000px;

    height: auto;

    Overflow-y: scroll;

    height: auto;

    position: relative;

    margin: 0 auto;

    }

    What page is the applied .container class? I guess that's a block element.

    You can remove the two styles of height: auto since it is the default anyway. Because there is no need for the overflow, either.

    It is now - how width of the viewport of the device you're watching this in?

  • Pages of content to lose?

    I'm producing a magazine of 52 pages.

    Indesign last CC is randomly deleting images and boxes tex pages.

    I'@m about to go to press and Dungeon discover lack of content!

    OK, this sounds like it might be a bug that I've seen a number of occasions where ID loses track of the geometric boundaries for objects. The symptom can be confirmed by doing a Select All on what I guess are now empty pages and see if something is detected and check the size of the selection, which will be shown in scientific notation because it is astronomically high or astronomically small.

    If this is what you see, I think the only thing you can do is to replace the pages concerned, and I've probably traveled IDML and re-register as a new .indd (see remove minor corruption by exporting).

  • Removing pages center page numbers in InDesign

    I do a 72-page document, but I want that the four Center pages (pp.35 - 38) not only to be without numbers of pages, but for these pages is not to register on the final number of pages. This means that the page before these pages four Center should be 34, that the page after should be 35, and that the last Pope b 68, even if the actual number of thr is 72. I can't understand how this, and if it is still possible.

    Appreciate the help.

    Make a new section for what is now page 35 and start numbering at all what you want, but change the style of numbering for ID is not complaining about duplicates. Now, to start another new section where you want the numbering to 35 and assign the bib 35.

    Either assign a master page without numbers away from the Center, or ignore and delete frames number.

  • Script to collect the "Master page-text-content of the framework" details

    Hello

    The collection "Masterpage - TextFrame - content" Indesign file details.

    If the spread of the master page text frame, I need to retrieve this text frame content in separate folder. If it possible by Indesign script?

    Thank you

    hasvi

    Hi Hasvi,

    I hope this helps you!

    var doc = app.activeDocument;

    var master = doc.masterSpreads;

    var content = "";

    for (var i = 0; i)<>

    {

    for (var j = 0; j)<>

    {

    If (master [i] .parentPage .textFrames [j]! = null) {}

    content += [i] master .silence .textFrames [j] + "\t" + master [i] .name + "\r";

    }

    }

    }

    var file = new File ("c:/1. txt");

    leader. Open ("w");

    leader. Write (happy);

    leader. Close();

    Kind regards

    Cognet

  • Navigation and link to the Page of content query

    Hello

    In my navigation model, I need my top-level link to be a link to the page at allResources.jspx. The sub-navigation must be a content query from one folder to the Complutense University of MADRID.

    The only way I was able to do so far is to add a query of content for the link to the page... but then I have two levels in my browsing when I only want one.

    At this point my gaze of pop ups of navigation like this:
    Link to page > name of content query > content query results

    I want it to be like this:
    Link to page > content query results

    How can I accomplish this?

    Thank you!
    Mitch

    When you add a content query, you have a checkbox "insert the contents of the files. Check this and you should have the result you want :)
    By checking this box, you ask the navigation it will add all the nodes in the content query directly in the navigation without creating a sub-level.

  • How to Center content?

    I have a layout of the basic web site, but I would like to ask in the middle of the screen no matter what size is the browser, similar about each model on DW CS4.

    I've been messing around with the CSS for the div container:

    {body

    are-family: "Comic Sans MS", Chalckboard, without serif.

    background-color: #0CF;

    }

    #container {}

    position: absolute;

    background-color: #0FF;

    margin-left: auto;

    margin-right: auto;

    }

    {#layout}

    border: 0px;

    border-bottom-color: #0EE.

    background-color: #FFF;

    }

    {#spacers}

    background-color: #09C;

    border: 0px;

    }

    #header {}

    line-height: 125%;

    background-color: #09C;

    }

    #header p {}

    make-weight: bold;

    are-size: 48px;

    text-align: center;

    }

    #sidebar {}

    background-color: #09C

    }

    #footer {}

    background-color: #0CC.

    Anyone know how always Center the container?

    Jack Stratton

    You need 3 basic things to Center web pages:

    (1) a document valid HTML - DW type this for you, when you create a new page.

    (2) with a width of container in px, ems or %.

    (3) margin-left and margin-right to auto (default value of the browser).

    NOTE: The absolute positioning elements cannot be centered without additional coding.  Don't use no absolute positioning here.

    Try this:

    #container {}

    background-color: #0FF;

    Width: 970px; / * set Req'd width * /.

    margin: 0 auto;

    }

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

  • need help with windows media error center "content is blocked and the PlayReady is not updated" and cannot watch television.

    recently, I get an error massage and cannot watch television. its residue content is blocked and PlayReady is not updated. tried a few online solutions, but nothing works. Help, please.

    so that's it. just another update. odd that it came 4 days after the first update

  • No showingf location for the Resource Center content in Encore CS5.1

    When I go into Preferences/Media, Edition Watch dialog box and the location of the library is OK, however the area location of the RC content is empty. Should there be a place showing?

    In addition, I do not show any menu in the Styles Panel there should be a. I can access the different menu via the "import in the form of menus" tab file, but can not really see what they are until they are charged.

    I'll be a "Newby" who does not yet properly or something wrong.

    Any help would be greatly appreciated

    Hi, John T

    Please ignore all my previous. I finally thought to it after losing two days. Thanks for your effort in trying to help tho

  • Very slow loading of pages with content flash in IE11 in networks of SBS 2008/2011

    Hello

    I have three different customers. Both of them have one with SBS 2008 and SBS 2011 with Win7 Pro 64 clients with Win7 Pro customers.

    These two environments use the default folder Redirection of installation by installing SBS.

    In all these networks, we experience recently that loading web sites with Flash (for example online newspapers) content has slowed down considerably when you use IE11 (Chrome/Firefox works fine).

    To disable Macromedia Flashplayer in IE Addons, the browser can speed up to normal again.

    I tried to reset IE, delete all temporary files and reinstalling Flash, but always without success.

    I assume that others have problems with this as well, as it happened in the three different networks for me...

    Any suggestion is appreciated.

    Update: IE11 reinstalled and the speed is high and will yet :-)

  • Simple Page Center

    Hello

    I try to focus my project of edge in the browser in a simple way.

    I tried to open the HTML in Dreamweaver using the center of text and create some CSS centering as well. But none works.

    I know I can center symbols and elements inside the edge, but I want to just simply focus my entire html file.

    Anyone know how to handle this?

    Hey eggertr,

    Try adding the following to your css:

    #Stage {}

    position: relative;

    Width: 900px;

    Auto margin: 0;

    }

    Replace 900px by the width of your Animate composition.

    HTH,

    Sarah

Maybe you are looking for