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 3 of 3
  1. #1
    Regular Coder
    Join Date
    Apr 2008
    Posts
    115
    Thanks
    11
    Thanked 0 Times in 0 Posts

    2 side bars and one mind box problem need help

    i coded out an simple right and left box with an middle box for the content

    but when you add lots of text to it it runs in to the side bars how do i stop this from happing do i need to add some padding some were


    here is an link to what i mean

    http://tiny.cc/viOnN

    thank you again for your help

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,801
    Thanks
    160
    Thanked 2,216 Times in 2,203 Posts
    Blog Entries
    1
    You'd need to enclose the text inside a div, like
    Code:
    <div id="content">Consectetuer adipiscing elit. Nam pede erat, porta eu, lobortis eget, tempus et, tellus. Etiam neque. Vivamus consequat lorem at nisl. Nullam non wisi a sem semper eleifend. Donec mattis libero eget urna. Duis pretium velit ac mauris. Proin eu wisi suscipit nulla suscipit interdum. Aenean lectus lorem, imperdiet at, ultrices eget, ornare et, wisi. Consectetuer adipiscing elit. Nam pede erat, porta eu, lobortis eget, tem...</div>
    and hen set a suitable margin on either sides, like
    Code:
    #content{
    margin-left:150px;
    margin-right:150px;
    }
    Have a look at better 3 column fixed layout at http://bonrouge.com/3c-hf-fixed.php
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #3
    Regular Coder
    Join Date
    May 2009
    Posts
    143
    Thanks
    14
    Thanked 1 Time in 1 Post
    This is normal since your sidebars are floating in the design and have auto height. You have to specify a heigth for the sidebars. and if you need full variable height, then we are in the same boat you and I :P look my post "100% height float problem"


  •  

    Posting Permissions

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