Tuesday, November 13, 2007

How to get Three columns:

So I got a few comments on my blog about how I made it into three columns so I decided to post where I got the directions!!! :-) Just go to this website and follow the easy step directions!

Now just a little FYI, I changed my sizes from what they posted. Here are the changes:

#header-wrapper {
width:900px;
margin:0 auto 10px;
border:1px solid #cc0000;
}
then scroll down a little:

#outer-wrapper {
width: 900px;
margin:0 auto;
padding:10px;
text-align:left;
font: normal normal 100% Arial, sans-serif;
}

#main-wrapper {
width: 450px;
margin-left: 25px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

#sidebar-wrapper {
width: 200px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

#newsidebar-wrapper {
width: 200px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

then the footer I also changed:

#footer {
width:900px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}


Any questions feel free to email me or just leave a comment on
here and I'll get
back to you!!!! :-)

9 comments:

Sarah C. said...

Thanks for the info & link to Tips for New Bloggers!

~Sarah

Gabrielle Beck said...

Thanks for the directions...I think I might try it too! :)

Linda said...

Thanks for the link. When I get a moment I really need to read it. Your blog looks great!

a.l. clark said...

I am so glad that it worked out for you! Now isn't three columns just more fun?

The Scrappy Bee... said...

Yay! I did it! Thank you so much for the link to that site - it's fabulous!

Kate said...

Cool! thanks for the info!

Nicole Carro said...

Thanks for the tip! I've been wanting to do that forever.

http://angeladaniels.squarespace.com/ said...

I want three columns TOO. I have to figure out if that will work at my blog hosting site. And thank you, I like you too =)

Michelle said...

WOW! LOVE your new header and the colors!!!