ARC said:can you please tell me how to make the entire web site and pages align
in the middle?
For example:
http://www.travelzoo.com/
http://www.yahoo.com/
Any simple html commmands I can use?
Simple CSS properties... put page elements in a containing "wrapper"
div. And set CSS properties for 'wrapper" width to something specific
and margins left and right to auto
examples:
div.wrapper { width: 80%; margin-left: auto; margin-right: auto; }
div.wrapper { width: 35em; margin-left: auto; margin-right: auto; }
Neredbojias said:Also for wrapper interior contents set text-align:center;
Only if you want the text centered as well. As per examples OP gave
this did not seem to be desired.... but was common with the ol'
GeoCities Scroll-O-Death sites.
No, we do not wish the text centered. Only the web page is centered.
Yes, same as this too: http://geocities.yahoo.com/
Please tell me how do I do it?
<body>
--------site align in center of web page----
</body>
No, we do not wish the text centered. Only the web page is centered.
Yes, same as this too: http://geocities.yahoo.com/
Please tell me how do I do it? <body>
--------site align in center of web page----
</body>
"Jonathan N. Little said:ARC wrote: ....
I just did!
CSS:
div.wrapper { width: 80%; margin-left: auto; margin-right: auto; }
<div class="wrapper">
<h1>Your Page</h1>
<p>The rest of your content...</p>
...
</div> <!-- end of div "wrapper" -->
Jonathan said:I just did!
CSS:
div.wrapper { width: 80%; margin-left: auto; margin-right: auto; }
HTML
<body>
<div class="wrapper">
<h1>Your Page</h1>
<p>The rest of your content...</p>
...
</div> <!-- end of div "wrapper" -->
</body>
dorayme said:And in addition, put a strict doctype on your HTML.
Absolutely
And add
.wrapper {text-align: left;}
if you are having any trouble with text not lefting.
Want to reply to this thread or ask your own question?
You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.