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 4 of 4
  1. #1
    New to the CF scene
    Join Date
    Sep 2011
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    CSS content centered

    Hi all,

    I wonder if you guys can help me, I'm having trouble with some CSS. In the zip file attached I have an example page to show you the CSS problem that I am experiencing.

    When the internet browser is made smaller in size it pushes the text and jquey tab content onto a another line. I have used all sorts of padding and margins, max, min width which I think is causing the problem (I am not too sue what to use) but seem to have no luck in fixing it. I would like the website to be centered when the browser screen is made smaller so the content is always centered without having to scroll horizontally.

    If you guys could have a look that would be great.
    Thanks
    Luke
    Attached Files Attached Files

  • #2
    Regular Coder
    Join Date
    Apr 2005
    Posts
    315
    Thanks
    18
    Thanked 2 Times in 2 Posts
    Have you tried,
    margin-right: auto;
    margin-left: auto; in the container that holds the content . . .

  • #3
    New to the CF scene
    Join Date
    Sep 2011
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Hi,

    Thanks for your quick reply Michael. I have put a container around the header, breadcrumb and container with a margin of auto. I have set the body background image to correspond with the header, breadcrumb and content backgrounds colors however the footer is outside the container so I have made another container to go around the footer because the content area may be long or short.

    How would I go about setting the the whole length of the footer the same colour, I have put it to width 100% but then I have to use a text-indent to keep the footer in line with the text above, though when the browser is made smaller it does not line up to the content in the header, breadcrumb etc (please see attached).

    How would I go about this?
    Thanks
    Luke
    Attached Files Attached Files

  • #4
    New to the CF scene
    Join Date
    Sep 2011
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Hi,

    Does anyone have any ideas on how I would solve this issue?

    I would appreciate if anyone had any suggestions.

    Thanks
    Luke


  •  

    Posting Permissions

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