Center whole blog

HTML & CSS
1

Hi,

I’m looking to center my whole blog…like… http://i45.photobucket.com/albums/f56/p … 110044.png

Not sure how to figure this out… I can center it but then the text in the blog gets centered when I need everything centered except the text which should remain in align left…

Anyone know how to do this?

Thanks

2

Hi,

Your link to the image seems to be corrupt I’m afraid.

It would be easier if you have a link to the page anyway as we would need to see your code.:slight_smile:

The faq has a basic entry on centering an existing page here that may be of some use.

3

could be probably done with a simple margin:0 auto;

Your site and code would be helpful though

4

Hi,

site is http://www.leehughes.co.uk/newsite/blog-2/

I was using Content {margin-left:auto; margin-right:auto;}

But that didn’t work :frowning:

5

I fixed the screenshot http://i45.photobucket.com/albums/f56/phi21/Screenshot2010-04-25at110044.png

6

try Content {margin:0 auto;}

btw. your site shows centered in Firefox 3.6.3 and IE8 …seems like you made it work.

7

really? i’m not getting it in chrome and firefox 3.63 mac even with new code…

8

I’m a little confused as your page already looks centred to me.

If you are talking about Content then you have set it to 100% wide so it will fill all the way across the parent and cannot be centred. You would need to give a specific width to Content and then use margin:auto as already mentioned.

e.g.


#content  {
margin:auto;
width:600px;


}

Not sure if that was what you wanted though :slight_smile:

9

sorry not my page… i meant my content haha…

I’m looking to shift the blog posts texts into the center…

http://www.leehughes.co.uk/newsite/blog-2/

Or, that code applies to what I said however, I am not getting the text centered… it’s still on the left… I will clear the cache on my browsers

10

That new code shifted the text… Just need to find the right number for center :slight_smile:

Cheers