- This topic has 3 replies, 2 voices, and was last updated 8 years, 11 months ago by
.
-
Posts
-
We have added a radius border to the sidebar and to the internal page content areas. It works just fine as long as the page is not full width. Once the page is set to full width, the right border and radius corners on the right are gone. Have looked and tried many css fixes to remedy this with no success. Here is what was modified to get the borders in place:
#content {
float: left;
border: 2px solid #000000;
border-radius: 5px;
background: url(images/sidebarbackground.png);
padding: 0px 5px 0px 5px;
}The page we are experiencing this issue of the missing right border is: http://besearched.biz/bennetts/photos/
Thanks! Please also cc response to doug@besearched.com 🙂
It actually has to do with another part of your code called –
.full-width-content #contenton line 975 in your css. It’s set to 960px, but if you add a border or border radius, you have to adjust your width of the content to make room for that border. Example, if your width is 960px, and you add 2px on the left and right (4px total), then you’ll need to decrease the width to 956px. Does that make sense?Here is how I fixed it, I changed the 960px to 946px and the border shows up. You can adjust this more if you need to –
.full-width-content #content { width: 946px; }No problem 🙂
Looks good. Be sure to add it to the showcase that I’m building here – http://appfinite.com/showcase-your-site/ if you’re interested.
- You must be logged in to reply to this topic.