First, I know very little about CSS and I need your help.
1. My website has a main column and a smaller column Here's a portion of the CSS
#column1 { vertical-align:top; }
#column2 { vertical-align:top; width:20%; border:#555 solid 1px; background:#f0ffff; /*previously #eeeeee */}
I assume that the column 2 is the smaller panel to the right of the page, and that the width:20% is the width of the column relative to the total page. This column is where I have a subscription form and links. I adjusted the percentage down from 25% because I thought it was too large relative to the rest of the page. Unfortunately, it didn't seem to make a difference in the way the page looked. What am I doing wrong?
Also, any rule of thumb about what percentage is usually used for this 2nd column?
2. I've put the page in a container and centered it. Many of the pages that I see doing this appear to be a bit smaller than a standard page. Any idea what number most people tend to use?
3. I understand tht i need to set container <div> to have a border-left and a border-right. As it is, my page just floats in the middle of the page with no side panels. I'd like to change this but I don't know the code I need to insert. If you could list that code and tell me where to add it I'd be really appreciative.
Thanks for your help. |
