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

Thread: CSS Woes

  1. #1
    New to the CF scene
    Join Date
    Dec 2005
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    CSS Woes

    Hola,

    Its been over 3 years since I designed my website, so last night I started re-writing it. This time I figured I would do it all in CSS, but im having problems. It looks as though some of the content is filling passed the pages height, anyone know why?

    http://www.ccorpsoft.com/tmp/

    It seems as though the height of the inside content isn't 100% of the page, but its a combined height of the header and page size. This is really bugging me and I cant seem to find a reason as to why this is! Any help is appreciated.

    Here is the css file: http://www.ccorpsoft.com/tmp/layout.css

    Thanks in advance!

  • #2
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    100% height is just that 100% height of the browser not the whole page. For a browser like Firefox use min-height:100%; you will also need to make the html and body elements in CSS a height of 100%. For IE you can use
    Code:
    * html #container {
    height:100%;
    }
    IE will resize its containing elements to fit its content so it will ignore the 100% height, setting it for IE just ensures that its min-height is 100% since IE doesn't understand min-height in the first place. Your way of centering can be changed. Just change this in your #container CSS
    Code:
    	position: absolute;
     	left: 50%; 
     	margin-left: -317px;
    to this
    Code:
    margin:auto

  • #3
    New to the CF scene
    Join Date
    Dec 2005
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thanks for the advice! But that didn't seem to fix the problem at all, although the centering is now more minimilistic I still have the same problem. Any other ideas or maybe I'm missing something? Could you provide an example of it in use with my code perhaps?

  • #4
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    You'll need to make your side bars one image rather two then set the background image to the body and the container and do what I told you, and it should work.


  •  

    Posting Permissions

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