Centering a web page

Hello All;
I receitly inquired about how to center a web site in a users browser and when I tried your suggestions, it worked. However, for some reason, my web pages are no longer centered though it looks like I have the Left and Right margins of the box category set to auto in the container div.
Could someone look at the following web page and see if you can tell me why my website isn't being centered ?
http://www.grc.nasa.gov/WWW/balloonsat/
Thank you very much.
Tim

Thanks, Murray;
I added the container div and now it's working. Not sure why it got deleted as it was there at one time.
Tim

Similar Messages

Help: Centering the Web Page

Hello everybody,
I'm a bit new to Dreamweaver and I'm trying to create my very own website.
However, when creating my site, I've used absolute positions for all of my apDiv-s and rollover images, so now when you open my web page, the whole site would be located at the left side of the browser.
My problem: How do I center the positions of all the elements of the site?
Thanks in advance,
Emir doca

Emir doca wrote:
Thank you, Nadia, it helped! =)
Terrific - good to know it worked :-)
Nadia
Adobe® Community Expert : Dreamweaver
http://www.perrelink.com.au
Unique CSS Templates | Tutorials | SEO Articles
http://www.DreamweaverResources.com
http://twitter.com/nadiap

Centering a web page with nested layers (divs)

Hi, I know this must be asked numerous times but some help woud be appreciated. I am currently upgrading my wed site produced in Dreamweaver 6 and 8.
I used layers and nested layers with the page aligned to the left of the browser. I am now redesigning the whole site and would like the page centred. As a designed and signmaker I am trying a avoid an out of the box design.
How can I centre my pages, preferably adapting existing pages to start with.
www.curtissigns.com is the site and appologies for some of the very ancient and dated pages!!!
If any can provide some advice or point me to some discussions.
All my efforts with CSS seem to be failing at the moment.
Thanks Stuart

All individual elements on your page at the moment are 'absolutely' positioned - very bad pracitce. But, I understand you've mentioned you made this site a while ago.
A quick fix for now would be to add this right after opening <body> tag:
<div id="container">
and this right before closing </body> tag:
</div>
Then, add this to the CSS part of your page (just after opening <style type...> right now, Line 85 on your HTML page. This will come before #apDiv1 rule:
#container{
left: 50%;
margin-left: 520px;
position: absolute;
left: 50% will offset the Div container to 50% of page width. margin-left: 520px will slice that in almost half (at the moment, your page is about 1004px wide), thereby displaying the entire page in the center. I've used position: absolute now since otherwise, you cannot center it (as you already have all nested elements as absolute).
But, I'd definitely recommend taking some time to re-create your webpage - never use 'position: absolute;' unless it is definitely required. You can do a great job with using 'float' and 'position: relative' tags.
Good luck.
-ST

My web page centers in the design view, but not when viewed on line.

I am new to web design and of course, to this forum. I had some background in VBA and Fortran, so when the original designer left, I was the only one in the organization willing to tackle the website and try to teach myself how to make it work and keep it current. We were financially in the red at the time, so hiring outside help would have been almost impossible. We are finally breaking even now, which was our goal as a non-profit.
So I inherited the computer and the responsibility for maintaining the website at a non-profit organization for kids in Florida a couple of years ago, and I am doing pretty well with it so far, even though my depth of knowledge is very shallow. AsI said before, I am entirely self taught, mostly by the trial and error method, so please excuse what is probably a very basic question.
My website is FloridaBandTournament.com.
The site is working pretty well for my users, but from an appearance standpoint, the pages always are on the left side of the screen. I would like to center the page(s) in the screen so that it looks a little better. They are on a black background - not sure how the background got there, but it is working fine for me. When I tried to center the pages, I googled my way to the statement text-align: center, and after placing it a couple of different places in the code, it suddenly seemed to work, at least in the in Dreamweaver 8 (I also inherited the software, which is I know is old, but so am I - will be 70 soon, and do my work for free for the organization). But when I went to a couple of different browsers, it still displayed the website on the left. I tried Firefox and IE. I am at a loss as to what to do.
When I found this forum, I thought maybe somebody could help me know what to do to make this centering of the page happen in a simple way for this old geezer. I would sure appreciate it.
I do not know what I should be communicating to you, but I thought if I sent the code in the body, it might help.
The body code is as follows;
body [
    background-image: url(file:///C|/Documents and Settings/user/Application Data/Macromedia/Dreamweaver 8/configuration/ServerConnections/www/images/background.gif):
   background-color: #000000;
   margin-top: 0px;
   margin-left: 0px
   margin-bottom: 0px
   margin-right: 0px
text-align:center
None of the pages in the active website have this code yet - I have a trial page that I am testing. The trial page can be accessed from the link at the bottom of the 'links' page for 'Show Host Infoormation' (the mis-spelling is temporary and intentianal so I can find the darn test link myself when I want to).
I would be glad to provide any information that might help someone understand what I have and what I am trying to do, but again, I am self-taught so I have little understanding of the technical terms. I would sure appreciate any help. Thanks in advance.
Bob

First obviously make a back-up of the pages/s.
Go into code view in Dreamweaver and find the below html. Its near the top of the page after the css. You don't need to first table <table> </table> so you can delete that. It's the second table that we are interest in. See below I have added id="pageWrapper" to the opening <table tag.
<table width="795" border="0" cellpadding="0" cellspacing="0">

<tr>
    <td width="795" height="19" valign="top" bgcolor="#000000"> </td>
</tr>
</table>
<table id="pageWrapper" width="795" border="0" cellpadding="0" cellspacing="0">

Then add this to your css styles in the head setcion of the page.
#pageWrapper {
    margin: 0 auto;
You'll have to do this for each page of the site you want centered, which could be a pain if you have many pages.
Also your background image is linked to your local computer thats why you are not seeing it but have a black background instead:
body {
    background-image: url(file:///C|/Documents and Settings/user/Application Data/Macromedia/Dreamweaver 8/Configuration/ServerConnections/www/images/background.gif);
    background-color: #000000;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
If you want the image to appear amend the link to as below:
body {
    background-image: url(images/background.gif);
    background-color: #000000;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;

[Locked] Centering an oversized web page in dreamweaver

for a web programming class
an extra credit challenge is to fix all found issues with some example web pages in dreamweaver
in the first example page the most obvious problem is that the page has oversized dimensions
which are 1680 x 1050
so the main issue that it creates is a problem with the horizontal centering
I'm looking for a coding/ script solution in dreamweaver that will automatically center the page when uploaded to the web
I've attempted several web tutorials and so forth but have yet to come across something that actually works for me
I am aware that this could be due to incorrect placement within the script
so I have decided to include the a basic version of the example script.
I appreciate any solutions that can be given...
Here is the sample script
<html>
<head>
<title>MockWeb_Example</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<table id="Table_01" width="1680" height="1050" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td rowspan="2">
            <img src="images/Mock_LeftGrade.gif" width="397" height="1050" alt=""></td>
        <td>
            <img src="images/Mock_Header.gif" width="912" height="524" alt=""></td>
        <td rowspan="2">
            <img src="images/Mock_RightGrade.gif" width="371" height="1050" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="images/Mock_Menu.gif" width="912" height="526" alt=""></td>
    </tr>
</table>

</body>
</html>

Ramón G Castañeda wrote:
PjonesCET wrote:
If they stray into the wrong Forum. Then its our duty to point them in the right direction.
That's bull! When absent minded folks wander in here by mistake, telling them they are in the wrong forum will suffice.
Nobody here is under any obligation to answer a given question, ever. "Duty" my foot!
Where in the above quote did I say to answer the question. I said point them in the right direction.
Think back to the first time you ever went into a Forum or newsgroup. Back when you was a Greenhorn/newbie. (oh that's right you been on the net so long, you've never been a newbie.) Did you pick a group you thought was correct one. Did someone help you, or did you get your whatever chewed out. Did getting the help make you feel as though people try to help. The th chewing out make you feel like slinking a wayand never returning for support from that software company's Forum/newsgroup.
I ventured acidentally in the Office PC group on the msnews server years ago. and I received mostly geting my what-you may-call-it chewed out. But then I go almost as many suggestions as to what groups I should go to. I chalked up the chewed variety to the PC Macintosh war going on at the time. But appreciated the one that pointed be to right place.
At that point, I decided that if someone gets lost I will try to find out where for them to go, and send them to correct area.

Centering web page in Dreamweaver

for a web programming class
an extra credit challenge is to fix all found issues with some example web pages in dreamweaver
in the first example page the most obvious problem is that the page has oversized dimensions
which are 1680 x 1050
so the main issue that it creates is a problem with the horizontal centering
I'm looking for a coding/ script solution in dreamweaver that will automatically center the page when uploaded to the web
I've attempted several web tutorials and so forth but have yet to come across something that actually works for me
I am aware that this could be due to incorrect placement within the script
so I have decided to include the a basic version of the example script.
I appreciate any solutions that can be given...
Here is the sample script
<html>
<head>
<title>MockWeb_Example</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<table id="Table_01" width="1680" height="1050" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td rowspan="2">
            <img src="images/Mock_LeftGrade.gif" width="397" height="1050" alt=""></td>
        <td>
            <img src="images/Mock_Header.gif" width="912" height="524" alt=""></td>
        <td rowspan="2">
            <img src="images/Mock_RightGrade.gif" width="371" height="1050" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="images/Mock_Menu.gif" width="912" height="526" alt=""></td>
    </tr>
</table>

</body>
</html>

The people who have replied to you are well-informed, long-time contributors, in some cases experts in this field and they know exactly what you're asking.   You want this user forum to hand you a solution to your homework assignment so you don't have to work it out on your own. So far you've done little to bolster sympathy from this group.
Start by running code through these on-line tools and fix the reported errors.
HTML Validator - http://validator.w3.org
CSS Validator - http://jigsaw.w3.org/css-validator/
If you don't know something, look it up .
HTML & CSS Tutorials - http://w3schools.com/
That's all folks,
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.com/blogspot.com

Help centering web pages in all browser windows

I have searched around and tried out a few code suggestions
for getting web pages to be centered in all size browser windows,
but none of them seem to work. I am starting to wonder if it is
because I used tables to make up my pages- the background stays
centered, but they do not. Any suggestions? If it is the fact that
I used layers, is there a quick fix or do I have to start from
scratch on my pages?
Thanks!

http://apptools.com/examples/pagelayout101.php
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
==================
"thetribalsource" <[email protected]> wrote
in message
news:[email protected]...
>I have searched around and tried out a few code
suggestions for getting web
> pages to be centered in all size browser windows, but
none of them seem to
> work. I am starting to wonder if it is because I used
tables to make up
> my
> pages- the background stays centered, but they do not.
Any suggestions?
> If it
> is the fact that I used layers, is there a quick fix or
do I have to start
> from
> scratch on my pages?
>
> Thanks!
>
> <html>
> <head>
> <title>contact</title>
> <style type="text/css" media="screen">
> 
> </style>
>
> <meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">
> <script language="JavaScript">
> 
> </script>
> <style type="text/css">
> 
> </style>
> </head>
>
> <body bgcolor="#000000" text="#000000"
link='#990000'>
> <div id="Layer1" style="position:absolute;
left:658px; top:155px;
> width:217px;
> height:40px; z-index:1; visibility: visible;"><a
> href="product%20belts.htm"><img src="Belts2.jpg"
width="219" height="39"
> border="0"></a></div>
> <div id="Layer2" style="position:absolute;
left:658px; top:190px;
> width:223px;
> height:42px; z-index:2; visibility: visible;"><a
> href="product%20clothing.htm"><img
src="clothing2.jpg" width="219"
> height="39"
> border="0"></a></div>
> <div id="Layer3" style="position:absolute;
left:658px; top:225px;
> width:227px;
> height:39px; z-index:3; visibility: visible;"><a
> href="product%20jewelry.htm"><img
src="jewelry2.jpg" width="219"
> height="39"
> border="0"></a></div>
> <div id="Layer4" style="position:absolute;
left:658px; top:260px;
> width:223px;
> height:42px; z-index:4; visibility: visible;"><a
href="schedule.htm"><img
> src="schedule2.jpg" width="219" height="39"
border="0"></a></div>
> <div id="Layer5" style="position:absolute;
left:658px; top:295px;
> width:226px;
> height:40px; z-index:5; visibility: visible;"><a
href="Conact.htm"><img
> src="contact2.jpg" width="219" height="39"
border="0"></a></div>
> <div id="Layer6" style="position:absolute;
left:658px; top:330px;
> width:227px;
> height:40px; z-index:6; visibility: visible;"><a
href="Links.htm"><img
> src="links2.jpg" width="219" height="39"
border="0"></a></div>
> <div id="Layer7" style="position:absolute;
left:133px; top:575px;
> width:113px;
> height:23px; z-index:7; visibility: visible;"><a
> href="product%20belts.htm"><img
src="Beltsbottom%20copy.jpg" width="125"
> height="25" border="0"></a></div>
> <div id="Layer8" style="position:absolute;
left:234.6px; top:575px;
> width:134px; height:23px; z-index:8; visibility:
visible;"><a
> href="product%20clothing.htm"><img
src="Clothingbottom%20copy.jpg"
> width="125"
> height="25" border="0"></a></div>
> <div id="Layer9" style="position:absolute;
left:370.6px; top:575px;
> width:138px; height:23px; z-index:9; visibility:
visible;"><a
> href="product%20jewelry.htm"><img
src="Jewelrybottom%20copy.jpg"
> width="125"
> height="25" border="0"></a></div>
> <div id="Layer10" style="position:absolute;
left:495.8px; top:575px;
> width:139px; height:27px; z-index:10; visibility:
visible;"><a
> href="schedule.htm"><img
src="Schedulebottom%20copy.jpg" width="125"
> height="25" border="0"></a></div>
> <div id="Layer11" style="position:absolute;
left:624.4px; top:575px;
> width:131px; height:26px; z-index:11; visibility:
visible;"><a
> href="Conact.htm"><img
src="Conactbottom%20copy.jpg" width="125"
> height="25"
> border="0"></a></div>
> <div id="Layer12" style="position:absolute;
left:759px; top:575px;
> width:110px; height:24px; z-index:12; visibility:
visible;"><a
> href="Links.htm"><img src="Linksbottom%20copy.jpg"
width="125" height="25"
> border="0"></a></div>
> <div id="Layer13">
> <p> </p>
> <p><span class="style4"><span
class="style12">The Tribal
> Source</span><br>
> <span class="style11">Karin Hein-Parks and Melanie
> Wood</span></span></p>
>
> <p class="style13"><a
>
href="mailto:[email protected]">[email protected]</a></p>
>
> <p class="style5"><span
class="style9">Please contact us for any
> information
> regarding in-stock items and special orders. We will be
happy to email you
> photos of whatever we currently have in stock. We are
also very happy to
> take
> on special orders if our schedules
permit!</span><br>
> </p>
> </div>
> <div align="center"><img
src="page%204-%20links%20copy.jpg" width="775"
> height="605">
> </div>
> </body>
> </html>
>

Web pages suddenly aren't printing correctly - thefont is very small and it only prints part of the info centered on the page -what can I do about this?

The printing on the page uses only about 1/6 to 1/8 of the width of the paper and is centered and only prints about 27 characters and in a very small font. Also some web pages won't print out any info at all except for header info at the top.

OMG, thank you! It worked. Here's what I did (I have a Mac):
File-> Page Setup...->
# Settings: <page attributes>
# Format for: I made sure my printer was selected.
# Paper size: I put <US Letter> or <borderless 8.5" x 11"> both work. This is where the settings had been off!
# Scale: I put <100%> - it had been at 500% which didn't help either.

Dreamweaver 8 - Issues centering web page

I recently started my own business and am on a budget so decided to design the web page myselt with Photoshop and Dreamweaver 8. It went well except for the fact that my page won't center itself on screens, and b/c I created it on a display that is 1920x1080 I don't have good results on smaller screens. I used layers, and can't convert to tables b/c of the overlapping layers I have. I treid recreating the whole page again and not using overlapping layers, but once I converted to tables and viewed in browser I found that my buttons were moved all around. I'm really having a difficult time with this and have spend the last two days trying various fixes with no luck...Any help would be apprecitated - the site is up and here is the link www.digitalrootsstudio.com
Thanks in advance

digitalroots wrote:
So I would put the above text right after the body tag on top of html? Do I need to put the above code again at the end of the html, or only on top?
Yes.
<div id="container">
Then all your absolutely positioned layers go here
</div><! close the container-->
below is a simple example of absolute layers inside a relatively positioned container <div>. Note how the absolutely positioned layers move when you re-size the browser viewport window.
I stress using absolutely positioned layers is NOT a good solution to be using but it may be the only solution if you know little about website construction.
<!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" />
<title>Untitled Document</title>
<style type="text/css">
#container {
    position: relative;
    width: 800px;
    margin: 0 auto; /*this centers the page */
#one {
    position: absolute;
    top: 100px;
    left: 0px;
    width: 150px;
    height: 150px;
    background-color:#CF3;
#two {
    position: absolute;
    top: 100px;
    left: 150px;
    width: 150px;
    height: 150px;
    background-color:#39F;
</style>
</head>
<body>
<div id="container">
<div id="one">Absolute layer one</div>
<div id="two">Absolute layer two</div>
</div>
</body>
</html>

Here's your prototypical Dumb Question: Web Pages are displayed as centered on 4.0- how do I have the page fill the window?

Here's your prototypical Dumb Question: Web Pages are displayed as centered on 4.0- how do I have the page fill the window?

Do the following:
1 - launch iPhoto with the Command+Option keys held down to open the First Aid window.
2 - Run Option #4, Rebuild Database.

Building web page centered with border

Hello. I am using Dreamweaver CS4.
I want to build a site where the website is a fixed width
centered on the browser window when launched. The website will have
a white background on which I will put text and images. I want to
design the site for 1024 px width. Any area outside the 1024 should
be a light grey, creating a border on the left and right of the
white background of the web page, so if you have a higher
resolution setting on your monitor, you see this border vs. just
more white space. If the browser window is minimized, the
horizontal scroll bar should appear once it is minimized close to
the 1024 px size is reached, with the webpage not changing in size.
Please provide guidance on the following:
1) Should I site up the site using the fixed width centered
layout, with the background color set to white and the size set to
1024?
2) I read about "viewport" in some of the discussions in the
forum. How does this come into play?
3) How do I set up the webpage to show a light grey border on
the left and right of the page if the screen resolution is higher?
Any guidance is greatly appreciated.

If you maximize your browser on an 800px screen, you have
about 760px of
usable width. Similarly, on a 1024px screen, you have about
980px of usable
width. Those are the two target numbers.
The whole "how wide" thing is driven by the (perhaps
unconscious) desire not
to have horizontal scrollbars unless absolutely necessary,
since those are
regarded as a 'non-friendly' thing.
That's the significance.
> I have been using 800 as a standard just because it
seemed to fit well
> within most screens I get to view them on
Not on an 800x600 screen - you get horizontal scrollbars.
The next resolution step up from that is 1024, and yes, an
800px wide screen
will fit within many viewport widths on a 1024px screen, but
not if your
viewport width is < 800px.
The thing is this: If you want to do the 'voodoo' thing and
guess - go
right ahead. Nobody will stop you. If you want to have a
reason, then this
would be a good one.
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
==================
"GPaul" <[email protected]> wrote in message
news:[email protected]...
> I'm not understanding the significance of 760 or 980.
>
> I made a site about a year ago at 900, and I thought it
was a tad wide. I
> used to have a 17' CRT as a preview monitor just to
check, and the 900 was
> a little big for my taste.
>
> I have been using 800 as a standard just because it
seemed to fit well
> within most screens I get to view them on, laptops
included... I'm not
> stuck on 800, but it seems to fit well.
>
> What is it that I am not understanding?
>
> Thanks
>
> Gary
>
> "Murray *ACE*" <[email protected]>
wrote in message
> news:[email protected]...
>> Actually, you've seen most people here recommending
760px or 980px.
>> Intermediate widths may make you feel better, but
won't really do
>> anything more than those two.
>>
>> In other words, if you are concerned about
horizontal scrollbars in a
>> maximized viewport on an 800px wide window you must
go for 760px width.
>> If you are not concerned about that then your next
stop would be
>> horizontal scrollbars in a maximized viewport on a
1024px wide window.
>> That would be 980px. Intermediate values are like
trying to nail jelly
>> to the wall.
>>
>> --
>> 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
>> ==================
>>
>>
>> "GPaul" <[email protected]> wrote in message
>> news:[email protected]...
>>>I think you will find that the 1024 is a little
wide. Usually start with
>>>800px wide, but have read alot of people here
recommending 900.
>>>
>>> Either way, not sure how much you know about
HTML & CSS, but the CSS is
>>> what will determine how your page is laid out.
>>>
>>> Insert a DIV tag, set the width, then set the
right and left margins to
>>> auto, and you have your centered start...
>>>
>>>
>>> "ndc6060" <[email protected]>
wrote in message
>>> news:[email protected]...
>>>> Hello. I am using Dreamweaver CS4.
>>>>
>>>> I want to build a site where the website is
a fixed width centered on
>>>> the
>>>> browser window when launched. The website
will have a white background
>>>> on which
>>>> I will put text and images. I want to design
the site for 1024 px
>>>> width. Any
>>>> area outside the 1024 should be a light
grey, creating a border on the
>>>> left and
>>>> right of the white background of the web
page, so if you have a higher
>>>> resolution setting on your monitor, you see
this border vs. just more
>>>> white
>>>> space. If the browser window is minimized,
the horizontal scroll bar
>>>> should
>>>> appear once it is minimized close to the
1024 px size is reached, with
>>>> the
>>>> webpage not changing in size.
>>>>
>>>> Please provide guidance on the following:
>>>> 1) Should I site up the site using the fixed
width centered layout,
>>>> with the
>>>> background color set to white and the size
set to 1024?
>>>> 2) I read about "viewport" in some of the
discussions in the forum. How
>>>> does
>>>> this come into play?
>>>> 3) How do I set up the webpage to show a
light grey border on the left
>>>> and
>>>> right of the page if the screen resolution
is higher?
>>>>
>>>> Any guidance is greatly appreciated.
>>>>
>>>>
>>>>
>>>
>>>
>>
>
>

Centering Web Pages in Created In Photoshop CS3

Hello,
When I make a web page in Photoshop CS3, I can't figure out how to create it in HTML where the page is center justified rather than right justified.
How can I do this?

All I'm saying is if somebody is trying to output good code from Photoshop, their entire way of working has some serious drawbacks to begin with.
If it's just for a casual user to get a page slapped up? Yeah, that's OK.
As a visual template for recreating in a proper website-creation app? Yeah, that's OK.
But even the comments you guys have made so far would require the O.P. to wonder what to do with the code, where to put it, etc.
Either way, it's going to require a little studying and practice, trial-and-failure, tweaking and reading some more.

How to center Text Box on Web Page? -- Web dev with Word 2013

I'm trying to assist a user who wants to use Word 2013 for simple web page development.
There are many tools but they want to use Word 2013.
Actually have it working by saving the Word 2013 files as web pages... like index.htm, about.htm, etc.
The problem is when we use the "Insert" tab in Word to create a "Text Box" or a "Shape" ...
And align it centered on the page... it looks fine in Word but when we open it with a web browser the "Text Box" or "shape" are no longeer centered.
We thought we had it fixed by making the "Text Box" Layout Options "In Line with Text" but again... looks fine in Word but not in a web browser.
The question: How can we get a "Text Box" in Word 2013 to appear centered on a web page?
thanks for any help.

Hi:
For webpage design, I would suggest customized form under develop tab on the Ribbon over insert object directly. I tested from my side, using customized form will lock the object position on the
page.

I downloaded latest versionof Firefox from Mozilla web page, I rebooted my computer. The update did not take effect. How make late version active ?

My present version of Firfox is 3.5.15
My Op. System is Linux Fedora version 12.
Two days ago when I opened a file in a web search for Mercury Scientific Thermometers, the web page for NovaTech International-USA opened.
Centered in the middle of the page was a screen message reading
"Error: form not found." There's an X in the upper right corner of this small screen. There's an "OK" within the screen. Clicking on either of those optons does nto close the small screen. AND, clicking on any Menu
choice at the top of the main screen produces no action. File Edit View History Bookmarks tools Help are all unresponsive. The screen is
locked to the Cursor and Clicking any menu item. Tho' there are many choices on the Screen for various types of thermometers no choice responds to a click.
I closed down the computer. ThenI did a Cold Boot. There was no
change in the situation described above. The screen appeared again if
I chose to open Firefox.
I use 8 virutal screens. By which I mean I can have 8 screens open at a time. All 7 of my other available screens are perfectly active and perfectly normal in their behavior.
Rebooting changes nothing---the unwanted frozen/locked screen appears again if I attempt to open Firefox.
I opened the Firefox website. I soon found how to download the latest version of Firefox. But I used YUM to download it. Here is an excerpt of the Yum process:
[William@WilliamsComputer ~]$ su
Password:
[root@WilliamsComputer William]# yum install firefox
Loaded plugins: presto, refresh-packagekit
adobe-linux-i386 | 951 B 00:00
updates/metalink | 2.8 kB 00:00
Setting up Install Process
Resolving Dependencies
--> Running transaction check
---> Package firefox.i686 0:3.5.15-1.fc12 set to be updated
--> Processing Dependency: xulrunner >= 1.9.1.15 for package: firefox-3.5.15-1.fc12.i686
--> Running transaction check
---> Package xulrunner.i686 0:1.9.1.15-1.fc12 set to be updated
--> Finished Dependency Resolution
Skipping here much of the YUM processing.
Note the finishing YUM statement:
Dependency Updated:
xulrunner.i686 0:1.9.1.15-1.fc12 Complete!
[root@WilliamsComputer William]# exit
[William@WilliamsComputer ~]$
I did a cold reboot of my computer.
In the Downloads Folder The Firefox update appeared.
But when I opened a Firefox page and clicked Help-About Firefox
the version of Firefox was still 3.5.15 AND the unwanted, Locked,
Frozen Novatech-International---USA Screen was still present and still
locked.
Please teach me the preferred way to Update Firefox and once the Updates have been downloaded, how do I activate those updates?
Many, many thanks,
William
Florida

It is possible that your security software (firewall, anti-virus) blocks or restricts Firefox or the plugin-container process without informing you, possibly after detecting changes (update) to the Firefox program.
Remove all rules for Firefox and the plugin-container from the permissions list in the firewall and let your firewall ask again for permission to get full unrestricted access to internet for Firefox and the plugin-container process and the updater process.
See:
*https://support.mozilla.org/kb/Server+not+found
*https://support.mozilla.org/kb/Firewalls
*https://support.mozilla.org/kb/fix-problems-connecting-websites-after-updating

Help! I Can't See My Web Page!

Good evening fellow Dreamweaver users,
    I recently tried centering one of my web pages using a code that I received from Nadia for another one of my pages. The code worked for that page, but when I entered it into my second page it didn't work. I deleted the code from my second page, but now I can't see it when I go to test it in my browser. All I see is a blank white page. I'm in dire need of some help. Yes, I am an amateur and I'm sorry if my questions are bothering some of you. However, I'm trying to learn this stuff, but I get confused on where and how to place the coding and now I have messed up and don't know what to do to fix it. I would appreciate it if someone could help me get my page to be auto-centered and show up again when I test it in my browser. Below is the current coding for my page. Thank you.
AMMOCAN
<style type="text/css">

</script>
</head>
<body bgcolor="#64748B" onLoad="MM_preloadImages('assets/effects/button_4.gif','assets/effects/button_6.gif','assets/effects/button_8.gif','assets/effects/button_10.gif','assets/effects/button_3.gif')">
<table width="1232" border="0" cellpadding="0" cellspacing="0">
     <td colspan="6" nowrap="nowrap" background="assets/effects/background_1.png"><img src="mm_spacer.gif" alt="" width="15" height="1" border="0" />       <div align="center"><span class="style2"> Welcome To Ammocan's Graphic Design Portfolio</span><span class="tagline"><img src="assets/effects/branding_design_1.png" alt="branding_design" name="branding_design" width="456" height="146" align="absmiddle" id="branding_design" /></span></div></td>
     </tr>
     <td colspan="6" background="assets/effects/background_1.png"><img src="mm_spacer.gif" alt="" width="1" height="4" border="0" /></td>
     </tr>
     <td colspan="6" background="assets/effects/background_4.jpg"><img src="mm_spacer.gif" alt="" width="1" height="1" border="0" /></td>
     </tr>
      <td colspan="6" nowrap="nowrap" background="assets/effects/background_4.jpg"><div align="center"><a href="the_designer.html" target="_top" onClick="MM_nbGroup('down','group1','the_designer','assets/effects/button_4.gif',1)" onMouseOver="MM_nbGroup('over','the_designer','assets/effects/button_4.gif','assets/effects/button_4.gif',1)" onMouseOut="MM_nbGroup('out')"><img src="assets/effects/button_4.gif" alt="the_designer_button" name="the_designer" hspace="70" border="0" align="absmiddle" id="the_designer" onload="MM_nbGroup('init','group1','the_designer','assets/effects/button_3.gif',1)" /></a>        <a href="design_and_color.html" target="_top" onClick="MM_nbGroup('down','group1','designs','assets/effects/button_6.gif',1)" onMouseOver="MM_nbGroup('over','designs','assets/effects/button_6.gif','assets/effects/button_6.gif',1)" onMouseOut="MM_nbGroup('out')"><img src="assets/effects/button_5.gif" alt="design_button" name="designs" hspace="75" border="0" align="absmiddle" onload="" /></a>        <a href="resume.html" target="_top" onClick="MM_nbGroup('down','group1','resume','assets/effects/button_8.gif',1)" onMouseOver="MM_nbGroup('over','resume','assets/effects/button_8.gif','assets/effects/button_8.gif',1)" onMouseOut="MM_nbGroup('out')"><img src="assets/effects/button_7.gif" alt="resume_button" name="resume" hspace="75" border="0" align="absmiddle" onLoad="" /></a> <a href="contact.html" target="_top" onClick="MM_nbGroup('down','group1','contact','assets/effects/button_10.gif',1)" onMouseOver="MM_nbGroup('over','contact','assets/effects/button_10.gif','assets/effects/button_10.gif',1)" onMouseOut="MM_nbGroup('out')"><img src="assets/effects/button_9.gif" alt="contact_button" name="contact" hspace="75" border="0" align="absmiddle" onLoad="" /></a></div></td>
      </tr>
     <td colspan="6" background="assets/effects/background_4.jpg"><img src="mm_spacer.gif" alt="" width="1" height="1" border="0" /></td>
     </tr>
     <td colspan="6" background="assets/effects/background_3.png"><img src="mm_spacer.gif" alt="" width="1" height="4" border="0" /></td>
     </tr>
     <td height="598" colspan="3" valign="top" background="assets/effects/background_3.png"><div align="center"><img src="assets/effects/ammocan_pic.jpg" alt="photo_of_ammocan" name="ammocan" width="333" height="351" border="0" align="bottom" id="ammocan" /><br />
       </div>
         <p align="center" class="style13">AMMOCAN</p>
      <p align="center" class="style12">"The Designer"</p></td>
     <td width="883" valign="top" background="assets/effects/background_3.png"><table width="786" height="517" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td width="786" height="54" class="pageName"><p align="center" class="style13">About Ammocan</p></td>
      </tr>
      <tr>
        <td height="463" class="bodyText"><p><span class="style15">I'm from Oakdale, CA, but I now reside in Stockton, CA. I moved to Stockton in the summer of 2008 to be closer to San Joaquin Delta College, which is where I started my higher education in becoming a Graphic Designer. I will be finishing my higher education in Stockton at the University of the Pacific with a BFA in Graphic Design. I first realized my potential as an artist through my computer aided drafting and architecture courses in high school. I really enjoy coming up with creative ideas and then bringing those ideas to life using many different types of media. <br>
              <br>
              In 1996 I enlisted into the U.S. Army's delayed entry program. In 1997 I graduated high school and left Oakdale to go to my first duty station after I finished my military occupation specialty training. The military has allowed me to see other parts of this country and world, which enhanced my "out of the box" way of thinking. The military also helped enforce the great skills and values that I had learned growing up in a family full of military service members (i.e. discipline, teamwork, and professionalism). In the military my occupation specialty was an Infantry Team Leader, which is highly demanding both physically and mentally. Although the nature of my job in the military took a lot of intelligence the physical demands of the job was the dominant attribute. After ten years of honorable service my body could no longer take the physical demand of being an Infantry soldier. In 2007 I was given an honorable disability discharge from the military. This was the catalyst that got me started on the path of pursuing a career that would allow me to utilize my creative thinking skills, as well as the skills and attributes I developed through my years in the military.<br>
              <br>
              During my exploration in higher education in 2007 at San Joaquin Delta College I came across their Graphic Arts Program. I instantly fell in love and have not turned back. I feel fortunate and blessed to have found myself on a career path towards becoming a Graphic Designer. My strongest skill set is my creative "out of the box" thinking skills and this type of media allows me to not only bring my ideas to life, but the ideas of others. I couldn't ask for a better career for myself than having a career that is both challenging and constantly evolving.</span><br>
<br>
        </p></td>
      </tr>
    </table>
       <br />
     <br />
      <br />
      <br />     </td>
     <td width="4" background="assets/effects/background_3.png"> </td>
     <td width="4" background="assets/effects/background_3.png"> </td>
</tr>
     <td height="97" colspan="6" background="assets/effects/background_1.png"><img src="mm_spacer.gif" alt="" width="1" height="1" border="0" /></td>
</tr>
     <tr>
     <td width="17" height="36"> </td>
     <td width="316"> </td>
     <td width="8"> </td>
     <td width="883"> </td>
     <td width="4"> </td>
     <td width="4"> </td>
</tr>
</table>
</body>
</html>

Good morning Nadia,
    I apologize for it taking me so long to respond back to you, but I have been quite busy with trying to prepare for my Fall semester college transfer. After copying and pasting your revised code I still couldn't see my page when I viewed it through my browser. However, the code for centering the page worked in Dreamweaver, so I decided to start over by using the code you gave me to center the page as a template. After achieving this enormous task I now have a centered web page that is viewable in my browser. I want to let you know that I'm very appreciative and thankful for your help, as I was really stuck in a bad spot. Even though I have taken a web design course and have read a few books I still find myself having trouble with fully understanding how to correctly implement the coding in Dreamweaver, which I feel is a key part in becoming a great web designer. I have pasted the new code for the page below in case you wanted to check it out.
<!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>

<title>The Designer</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" href="mm_training.css" type="text/css" />
<style type="text/css">

#maintable {
     width: 980px;
     margin: auto auto;
.style7 {
     font-size: 30px;
     font-weight: bold;
.style8 {
     font-size: 20px
.style16 {font-size: 9px}
.style17 {
     color: #000000;
     font-size: 16px;
.style18 {font-size: 24px}
a:link {
     color: #000000;
     text-decoration: none;
a:visited {
     color: #BB0000;
     text-decoration: none;
a:hover {
     color: #00BB00;
     text-decoration: underline;
a:active {
     text-decoration: none;
.style21 {
     font-size: 18px;
     font-weight: bold;
.style24 {font-size: 16px}
</style>
<script type="text/javascript">

</script>
</head>
<body bgcolor="#64748B" onload="MM_preloadImages('assets/effects/button_3.gif','assets/effects/button_4.gif','assets/effects/button_6.gif','assets/effects/button_8.gif','assets/effects/button_10.gif')">
<table width="100%" border="0" cellspacing="0" cellpadding="0" id="maintable">
     <tr bgcolor="#26354A">
     <td width="15" nowrap="nowrap" background="assets/effects/background_6.png"><img src="mm_spacer.gif" alt="" width="15" height="1" border="0" /></td>
     <td height="70" colspan="3" nowrap="nowrap" background="assets/effects/background_1.png" class="logo"><div align="left"><span class="style7">Welcome To Ammocan's Graphic Design Portfolio</span><span class="tagline"> <img src="assets/effects/branding_design_1.png" alt="branding_logo" width="326" height="146" align="absmiddle" /></span></div></td>
     <td width="40" background="assets/effects/background_6.png"> </td>
     <td width="100%" background="assets/effects/background_1.png"> </td>
     </tr>
     <tr bgcolor="#FF6600">
     <td colspan="6" background="assets/effects/background_4.png"><img src="mm_spacer.gif" alt="" width="1" height="4" border="0" /></td>
     </tr>
     <tr bgcolor="#D3DCE6">
     <td colspan="6" background="assets/effects/background_4.png"><img src="mm_spacer.gif" alt="" width="1" height="1" border="0" /></td>
     </tr>
     <tr bgcolor="#FFCC00">
      <td width="15" nowrap="nowrap" background="assets/effects/background_7.png"> </td>
      <td width="705" height="24" colspan="3" background="assets/effects/background_4.png"> <div align="right"><a href="the_designer.html" target="_top" onclick="MM_nbGroup('down','group1','the_designer','assets/effects/button_4.gif',1)" onmouseover="MM_nbGroup('over','the_designer','assets/effects/button_4.gif','assets/effects/button_4.gif',1)" onmouseout="MM_nbGroup('out')"><img src="assets/effects/button_4.gif" alt="Navigation button linking to the designer page" name="the_designer" width="90" height="90" border="0" align="absmiddle" id="the_designer" onload="MM_nbGroup('init','group1','the_designer','assets/effects/button_3.gif',1)" /></a>        <a href="designs.html" target="_top" onclick="MM_nbGroup('down','group1','designs','assets/effects/button_6.gif',1)" onmouseover="MM_nbGroup('over','designs','assets/effects/button_6.gif','assets/effects/button_6.gif',1)" onmouseout="MM_nbGroup('out')"><img src="assets/effects/button_5.gif" alt="Navigation button linking to the designs page" name="designs" width="90" height="90" hspace="125" border="0" align="absmiddle" onload="" /></a>        <a href="resume.html" target="_top" onClick="MM_nbGroup('down','group1','resume','assets/effects/button_8.gif',1)" onMouseOver="MM_nbGroup('over','resume','assets/effects/button_8.gif','assets/effects/button_8.gif',1)" onMouseOut="MM_nbGroup('out')"><img src="assets/effects/button_7.gif" alt="Navigation button linking to the resume page" name="resume" width="90" height="90" border="0" align="absmiddle" onLoad="" /></a> <a href="contact.html" target="_top" onClick="MM_nbGroup('down','group1','contact','assets/effects/button_10.gif',1)" onMouseOver="MM_nbGroup('over','contact','assets/effects/button_10.gif','assets/effects/button_10.gif',1)" onMouseOut="MM_nbGroup('out')"><img src="assets/effects/button_9.gif" alt="Navigation button linking to the contact page" name="contact" width="90" height="90" hspace="110" border="0" align="absmiddle" onLoad="" /></a></div></td>
      <td width="40" background="assets/effects/background_7.png"> </td>
      <td width="100%" background="assets/effects/background_4.png"> </td>
</tr>
     <tr bgcolor="#D3DCE6">
     <td colspan="6" background="assets/effects/background_4.png"><img src="mm_spacer.gif" alt="" width="1" height="1" border="0" /></td>
     </tr>
     <tr bgcolor="#FF6600">
     <td colspan="6" background="assets/effects/background_7.png"><img src="mm_spacer.gif" alt="" width="1" height="4" border="0" /></td>
     </tr>
     <tr bgcolor="#D3DCE6">
     <td width="230" colspan="2" valign="top" background="assets/effects/background_3.png" bgcolor="#26354A"><div align="center"><img src="assets/effects/ammocan_pic.jpg" alt="Home Page Image" name="ammocan" width="333" height="351" border="0" id="ammocan" /><br />
       </div>
       <table border="0" cellspacing="0" cellpadding="0" width="334">
          <tr>
          <td width="230" class="sidebarText" id="padding"><div align="center">
            <p><span class="style8">AMMOCAN</span><br />
"The Designer"</p>
            <p><a href="mailto:[email protected]">[email protected]</a><a href="http://www.yahoo.com"></a><br />
<br />
              </p>
          </div></td>
          </tr>
     </table>     </td>
     <td width="50" valign="top" background="assets/effects/background_3.png"><img src="mm_spacer.gif" alt="" width="50" height="1" border="0" /></td>
     <td width="440" valign="top" background="assets/effects/background_3.png"><table border="0" cellspacing="0" cellpadding="0" width="541">
      <tr>
        <td width="541" class="pageName"><p align="center" class="style18">About The Designer</p></td>
      </tr>
      <tr>
        <td class="bodyText"><p><span class="style16"><span class="style17">I'm from Oakdale, CA, but I now reside in Stockton, CA. I moved to Stockton in the summer of 2008 to be closer to <a href="http://www.sjdccd.cc.ca.us/">San Joaquin Delta College</a>, which is where I started my higher education in becoming a Graphic Designer. I will be finishing my higher education in Stockton at the <a href="http://web.pacific.edu/">University of the Pacific</a> with a BFA in Graphic Design. I first realized my potential as an artist through my computer aided drafting and architecture courses in high school. I really enjoy coming up with creative ideas and then bringing those ideas to life using many different types of media. <br />
                    <br />
          In 1996 I enlisted into the U.S. Army's delayed entry program. In 1997 I graduated high school and left Oakdale to go to my first duty station after I finished my military occupation specialty training. The military has allowed me to see other parts of this country and world, which enhanced my "out of the box" way of thinking. The military also helped enforce the great skills and values that I had learned growing up in a family full of military service members (i.e. discipline, teamwork, and professionalism). In the military my occupation specialty was an Infantry Team Leader, which is highly demanding both physically and mentally. Although the nature of my job in the military took a lot of intelligence the physical demands of the job was the dominant attribute. After ten years of honorable service my body could no longer take the physical demand of being an Infantry soldier. In 2007 I was given an honorable disability discharge from the military. This was the catalyst that started me on the path of pursuing a career that would allow me to utilize my creative thinking skills, as well as the skills and attributes I developed through my years in the military.<br />
          <br />
          During my exploration in higher education in 2007 at Delta College I came across their Graphic Arts Program. I instantly fell in love and have not turned back. I feel fortunate and blessed to have found myself on a career path towards becoming a Graphic Designer. My strongest skill set is my creative "out of the box" thinking skills. Being a Graphic Designer allows me to not only bring my ideas to life, but the ideas of others. I couldn't ask for a better career for myself than having a career that is both challenging and constantly evolving.</span><br />
          <br />
        </span> </p></td>
      </tr>
    </table>
       <br />
     <br />      <br />
      <br />     </td>
     <td width="40" background="assets/effects/background_3.png"> </td>
     <td width="100%" background="assets/effects/background_3.png"> </td>
     </tr>
     <tr bgcolor="#D3DCE6">
     <td height="54" colspan="6" background="assets/effects/background_1.png"><div align="center" class="style21">
       <div align="center"><span class="style24">Copyright © 2009 ≈ <a href="http://www.myspace.com/ammo_can">2 Drops In A Bucket Graphx</a> | Ammocan ≈ <a href="index.html">Home</a> | <a href="the_designer.html">The Designer</a> | <a href="designs.html">Designs</a> | <a href="resume.html">Resume</a> | <a href="contact.html">Contact</a></span> </div>
     </div></td>
</tr>
     <tr>
     <td width="15"> </td>
     <td width="215"> </td>
     <td width="50"> </td>
     <td width="440"> </td>
     <td width="40"> </td>
     <td width="100%"> </td>
     </tr>
</table>
</body>
</html>

Centering a web page

Similar Messages

Maybe you are looking for