Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 7 of 7
  1. #1
    New to the CF scene
    Join Date
    Jul 2011
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question CSS problem in 3 column footer

    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

  • #2
    Regular Coder
    Join Date
    Jul 2011
    Location
    India
    Posts
    496
    Thanks
    3
    Thanked 57 Times in 56 Posts
    Try to adjust width of 3rd column or extended-footer div

  • #3
    New to the CF scene
    Join Date
    Jul 2011
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by vikram1vicky View Post
    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?

  • #4
    New to the CF scene
    Join Date
    Jul 2011
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts
    And there seems to plenty of room for the 3rd div so why doesn't it sit there?

  • #5
    Regular Coder
    Join Date
    Jul 2011
    Location
    India
    Posts
    496
    Thanks
    3
    Thanked 57 Times in 56 Posts
    It is surely issue with box model of this footer part... adjust width/padding/margin of 1st and 2nd column.

  • #6
    New to the CF scene
    Join Date
    Jul 2011
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by vikram1vicky View Post
    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.



    Thanks for taking the time to help - much appreciated

  • #7
    Regular Coder
    Join Date
    Jul 2011
    Location
    India
    Posts
    496
    Thanks
    3
    Thanked 57 Times in 56 Posts
    Quote Originally Posted by borby View Post
    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.



    Thanks for taking the time to help - much appreciated

    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


  •  

    Tags for this Thread

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •