Not signed in (Sign In)
SkillShare - A place to discuss Web Standards and Web Design topics
Categories
Vanilla 1.1.4 is a product of Lussumo. More Information: Documentation, Community Support.
-
- CommentAuthorGet2Marketing
- CommentTimeJul 22nd 2008
I am fairly new to CSS and having a couple problems, hoping there is a CSS guru who can help. Just started a new site and can't figure out two key needs. The site is located at
http://get2marketing.com/new/
I cannot figure out how to stop the right hand column from overlapping the center column. None of the other templates I looked out actually answered how to stop this. Secondly, I would really like to ad a vertical bar between the middle and right column, but do not seem to be able to add it in. I successfully added two header divs, but adding a column I get nothing but problems. I will offer some free graphic design work in return for anyone who can help with this issue.
Thanks everyone!
Steve -
Hi Steve,
1 issue: Stop the right hand column from overlapping the center column
Reduce the max-width (proportionate to min-width if you prefer) or/and margin in the below content id
#content {
max-width: 800px;
min-width: 650px;
margin: 0px 25% 0 0px;
padding-right: 20px;
color: #000;
}
2 Issue: Vertical bar between the middle and right column
I beleive middle and right column is Content and right end image.
You can show vertical bar in 3 ways.
a. Add border-right-width: solid 2px #000 (2px represents width of the bar and #000 is the color for the bar. Its an optional, such that you can change as per your requirements) to the content id i.e middle div.
b. Add border-left-width: solid 2px #000 (same as 1st point) to the rightcol id i.e right div.
c.You can add <hr > tag inbetween content(middle div) and rightcol right div and apply style as per the look you want.
Note:
My kind suggestion for you is that you can revamp the building structure of the page for the performance perspective.
Thanks,
Parthiban
1 to 2 of 2