Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations strongm on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Align to Center

Status
Not open for further replies.
Dashsa

Dashsa

Programmer
Aug 7, 2006
110
US
Hello,
I have made a site and I am using CSS for the first time.
My issue is I have created most of the site but now I want to align the site to the center as opposed to the left....

the home page is located here:
and the css file is called Style.css you can view it here:

Thanks for your help
D
 
Sort by date Sort by votes
Hi

To align the site ??? I think you mean to align th whole page content. The usual way is to put the whole content in a [tt]div[/tt] :
Code: 
[gray]...[/gray]
</head>
<body>
<div style="width:100%;margin-left:auto;margin-right:auto">

[gray]<!-- content goes here -->[/gray]

</div>
</body>
</html>

Feherke.
 
Upvote 0 Downvote
Thanks,
But I want the site to display in the center of the screen.
I dont want to enter a pixel value for the location.

if i use the code
Code: 
#Central{
width:100%;
margin-Left:auto;
margin-Right:auto;
}

It lines the site up to the top left and not in the center...
 
Upvote 0 Downvote
The first thing you'll want to do is validate your HTML. Most browsers will have issues if you haven't specified the DOCTYPE of your page.

- George
 
Upvote 0 Downvote
Put a div around the entire page and give it a specific width that encapsulates every bit of content, but no extra width.

Then give the auto left and right margins to that div.

[monkey][snake] <.
 
Upvote 0 Downvote

Here's the best method I've come across for putting content in the centre of the viewport. It does however require you to specify the width and height of the element.

___________________________________________________________
[small]Do something about world cancer today: PACT[/small]
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

bdwilcox
  • Locked
  • Question
More efficient / manageable way to code this HTA w/ VBScript?
Replies
0
Views
349
bdwilcox
bdwilcox
soni21
  • Locked
  • Question
JavaScript String to Number Conversion in HTML: Seeking Clarification
Replies
4
Views
689
Chris Miller
Chris Miller
Expoverse
  • Locked
  • Helpful tip
Solution to CSS Two Level Horizonal Menu 1
Replies
1
Views
338
pmonett
pmonett
Mike Lewis
  • Locked
  • Question
How to refresh a Javascript file in the browser's cache?
Replies
4
Views
617
Mike Lewis
Mike Lewis
jizzer
  • Locked
  • Question
HTML/CSS Image map with multiple tool-tips
Replies
3
Views
656
spamjim
spamjim

Part and Inventory Search

Sponsor

Back
Top