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
    Oct 2008
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Text flows over but I want it to expand the container

    Hi, I'm having a problem where the text just flows outside of the bottom boundary of a container, but I want it to push the container to expand at the bottom to accommodate the extra text.

    Please tell me if I'm not being clear, or you don't understand my question/problem.

    here is the html page:
    http://phatvuong.com/GPCC/page.html

    here is the external css that is used at that page (note that there is also a tiny bit of inline css styling (i.e., div style="blah")):
    http://phatvuong.com/GPCC/screenPage.css

    The problem container is id="rightContainer", which has all that text with "Welcome" titles in it.

    Thank you very much for your help.

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,866
    Thanks
    160
    Thanked 2,224 Times in 2,211 Posts
    Remove the height:544px; from #content first.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #3
    New to the CF scene
    Join Date
    Oct 2008
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts
    okay that works, but it now it is only as tall as the content that is in the container. I need it to be a certain height as a minimum, while still able to be expanded upon necessity.

    thx

  • #4
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,749
    Thanks
    22
    Thanked 1,838 Times in 1,822 Posts
    Hello elwell,
    Most modern browsers will recognize a min-height/width setting. IE6 of course won't. Have a look at this page for a fix http://www.dustindiaz.com/min-height-fast-hack/

    Have a look at this page for a full height layout that works in all browsers - http://nopeople.com/CSS/full-height-layout/index.html
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad


  •  

    Posting Permissions

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