I need some help! (Coding)

[sara]

So I'm trying to code this layout in just html right now so that I can follow this tutorial to change it to wordpress. But I'm so stuck right now. I'm just super frustrated because I know that I don't know how to do what I'm trying to do with it and ya.

Heres the image http://i49.tinypic.com/2w7h35x.png

I want the layout to be centered in all browsers, I want the page to grow in size as needed so that the blog posts will all fit with like 3-5 per page or whatever and I'm just so frustrated because I can't figure out how to make it all work.

All help is super appreciated!

[olivia]

Um... For centering...

Stylesheet:

Code: Select all

body {
text-align: center;
}

#page {
width: 800px;
margin-left: auto;
margin-right: auto;
}


XHTML:

Code: Select all

<div id="page">

Stuff

</div>


I don't really know what you mean by grow in size.

[Lia]

Actually the best and safest way to center stuff in body is "margin: 0 auto;". I've been doing this for years.

[sara]

For grow, I mean when I add more content the middle of the page grows longer and pushes the footer down. If that makes sense.

Thanks to both of you for the centering, I'll try them out and see how it works for me

[olivia]

For grow, I mean when I add more content the middle of the page grows longer and pushes the footer down. If that makes sense.

Thanks to both of you for the centering, I'll try them out and see how it works for me

It will do that automatically if you put the content before the footer in the code.
Just don't set any height to the DIV you put it in...

[sara]

Alright! I think I got it figured out! Thanks so much everyone!

[bluehilaryduff]

For the container, also put overflow: hidden; if you want it to "grow".

[olivia]

For the container, also put overflow: hidden; if you want it to "grow".

If the overflow is hidden, it will not show up or grow...