Jump to content

Archived

This topic is now archived and is closed to further replies.

kinglou75

Column Stlying Overlapping

Recommended Posts

kinglou75

Sorry for all the questions lately. This one has bugged for a bit.

 

I have my layout down on the link below. But when I go to check the mobile vesion (make my browser one column) I see the styled boxes are touching. Looks kinda lame. Not sure how I pad around the boxes. I added padding to the CSS but it doesnt seem to help:

 

http://designographer.com/bv2013/

 

Also on a content page now the bottom of the content is touching another column without even collapsing the browser. 

 

http://designographer.com/bv2013/the-mountain/directions/

Share this post


Link to post
Share on other sites
James B

Hi there,

 

Looking at the site its the area the background color has been applied to which is causing the problem. Instead of the being applied to each box, it's placed on the main container for all the boxes. So when they stack, regardless of the padding applied to each box the color still stretches out behind them and nestles one box on top of the other etc.

 

I'm not sure what you mean on the second comment about collapsing the browser.


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
kinglou75

Thanks James! Your right instead of applying the styling class to the column you need to apply to the element instead. Thanks for the help it fixed it.

Share this post


Link to post
Share on other sites
James B

Excellent :-) You're welcome, have a great weekend


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites

×