...

View Full Version : CSS problem in 3 column footer



borby
07-22-2011, 10:14 AM
Hello,

I can't figure out how to move a div that was previously on the right in the footer but now has wrapped around to the left ....
http://www.worthdesigning.com.au/apa/

The contact section should sit to the right alongside the membership section in the footer - I changed some of the sidebar widget CSS and this is the result.

Any & all help appreciated :thumbsup:

vikram1vicky
07-22-2011, 10:24 AM
Try to adjust width of 3rd column or extended-footer div :)

borby
07-22-2011, 10:29 AM
Try to adjust width of 3rd column or extended-footer div :)

It's actually the .col full div that I can widen but I want to know why it has decided suddenly to wrap around and not sit to the right where it was?

borby
07-22-2011, 10:31 AM
And there seems to plenty of room for the 3rd div so why doesn't it sit there?

vikram1vicky
07-22-2011, 10:32 AM
It is surely issue with box model of this footer part... adjust width/padding/margin of 1st and 2nd column.

borby
07-22-2011, 10:39 AM
It is surely issue with box model of this footer part... adjust width/padding/margin of 1st and 2nd column.

I decreased the padding in the CSS .one, .two from 9px down to 4px and that has fixed it ... so wasn't enough space with all the padding.

:thumbsup::thumbsup::thumbsup:

Thanks for taking the time to help - much appreciated :D

vikram1vicky
07-22-2011, 10:46 AM
I decreased the padding in the CSS .one, .two from 9px down to 4px and that has fixed it ... so wasn't enough space with all the padding.

:thumbsup::thumbsup::thumbsup:

Thanks for taking the time to help - much appreciated :D


You are welcome buddy :)
in box model, total width of any element is equal to it's width + border width + padding + margin

For more details check http://www.w3schools.com/css/css_boxmodel.asp link

Cheers :)



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum