I need some help! (Coding)

Showcase and discuss it

I need some help! (Coding)

Postby sara » Mon Feb 15, 2010 10:28 am

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!
[& rescue me from my storm]

Check out My Portfolio
User avatar
sara
Regular
 
 
Posts: 35
Location: Ohio

Re: I need some help! (Coding)

Postby olivia » Mon Feb 15, 2010 3:11 pm

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.
User avatar
olivia
Administrator
 
 
Posts: 521
Location: USA

Re: I need some help! (Coding)

Postby Lia » Tue Feb 16, 2010 12:19 am

Actually the best and safest way to center stuff in body is "margin: 0 auto;". I've been doing this for years. ;)
User avatar
Lia
Regular
 
 
Posts: 25
Location: Poland

Re: I need some help! (Coding)

Postby sara » Tue Feb 16, 2010 10:19 pm

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 :)
[& rescue me from my storm]

Check out My Portfolio
User avatar
sara
Regular
 
 
Posts: 35
Location: Ohio

Re: I need some help! (Coding)

Postby olivia » Wed Feb 17, 2010 6:50 am

sara wrote: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...
User avatar
olivia
Administrator
 
 
Posts: 521
Location: USA

Re: I need some help! (Coding)

Postby sara » Thu Feb 18, 2010 7:52 am

Alright! I think I got it figured out! :D Thanks so much everyone! :D
[& rescue me from my storm]

Check out My Portfolio
User avatar
sara
Regular
 
 
Posts: 35
Location: Ohio

Re: I need some help! (Coding)

Postby bluehilaryduff » Sat Feb 20, 2010 9:40 am

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

Re: I need some help! (Coding)

Postby olivia » Sun Feb 21, 2010 8:44 am

bluehilaryduff wrote: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...
User avatar
olivia
Administrator
 
 
Posts: 521
Location: USA


Return to Web Design

Who is online

Users browsing this forum: No registered users and 1 guest

cron
Powered by phpBB
 
© donemyway.com, done my way - Testimonials - Contact - Sitemap - Back to Top