6 replies to this topic

[Shifty]

How do i center my layout in css. I am trying to make my page XHTML 1.0 Strict and it don't allow the center tags. Is there a way with css i can center my whole page ?

Thanks,

- Sh|fty

[softLearner]

The easiest way is to create div, that will act as a container for all your content, then you set the width of how wide you want your site to be, ie 780px now set a margin like this:

margin: 0px auto 0px auto;

If you set the width then you should get margins on the left and the right equal and so your page will align in the center.

[Shifty]

Thanks that fixed that .

As you may have relised iam new to css and iam used to tables. How would i go about putting in a left nav bar of my site.

Here is a pic of what i have now and what i want,


+ Sh|fty

[Jaymz]

Place the Div's coding before "Title 2"

[Shifty]

I meen to make it take up the whole left side and no letting any content be on the left side but that div.

+ Sh|fty

[Jaymz]

Oh

Put your content in a DIV and give it a fixed width, then put your nav in another div and also give it a fixed width, then put this

float: left;

In the attributes of your navigation div

Edited by Jaymz, 09 August 2005 - 07:47 AM.

[Shifty]

That didnt work. I have placed it everyware i can think of on my page but its still alinging at hte bottom but never takeing the whole right side. Its always under the other content or where i put it. Its never takeing the whole right. Also when i added "float: left;" the bottom border wont show up anymore

+ Sh|fty