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 5 of 5

Thread: Layout Issues

  1. #1
    Senior Coder gnomeontherun's Avatar
    Join Date
    Sep 2007
    Location
    Houston
    Posts
    2,846
    Thanks
    10
    Thanked 238 Times in 229 Posts

    Layout Issues

    Ok so I probably have a messy (but valid!) setup with a CSS layout. I'm unsure exactly the best way to do this, but I basically have a sidebar that I want to hang to the right.

    In most cases it does what I want.
    http://www.jeremywilken.com

    Somecases it extends the mainBody div as the sidebar get longer than the content in the mainBody div.
    http://www.jeremywilken.com/test.html

    And in other cases with my wordpress template, when the sidebar is larger than the mainBody div, it kicks one of the footer divs to the bottom.
    http://www.jeremywilken.com/blog/?m=20071018

    Is there an issue with my CSS code, or should I scrap the layout and try to redo it with a different kind of layout? I'm not exactly sure what question to ask, but any ideas?

    Thanks a bunch in advance!
    Jeremy
    jeremy - gnomeontherun
    Educated questions often get educated answers, and simple questions often get simple answers.

  • #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
    On the wordpress layout you need clear:both; on your footer.

    As to the left column not extending enough or extending to far. Thats something you'll have to deal with because your content doesn't have any type of repeating background really. I guess you would make a matching curved corner containing element for your content and just make sure they are the same length. Perhaps get rid of the background color on the wrapper.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #3
    Senior Coder gnomeontherun's Avatar
    Join Date
    Sep 2007
    Location
    Houston
    Posts
    2,846
    Thanks
    10
    Thanked 238 Times in 229 Posts
    Quote Originally Posted by _Aerospace_Eng_ View Post
    On the wordpress layout you need clear:both; on your footer.
    I've tried several ways of trying to clear the floats, but to no avail. I have put clear:both, clear:right in the #footer {}, I have put a blank div with style="clear:both" in various locations below the sidebar div, but it always cuts the page leaving the footer severed.

    Would it be better to do a different type of layout? Is it ok to have mixed some floats and relative positioning, or is there a better way? I'm doing this to learn and haven't had the experience to know the best method.
    jeremy - gnomeontherun
    Educated questions often get educated answers, and simple questions often get simple answers.

  • #4
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • #5
    Senior Coder gnomeontherun's Avatar
    Join Date
    Sep 2007
    Location
    Houston
    Posts
    2,846
    Thanks
    10
    Thanked 238 Times in 229 Posts
    Thanks for that link, I need to spend some time with (after classes this week).

    PS V for Vendetta is my favorite movie.
    jeremy - gnomeontherun
    Educated questions often get educated answers, and simple questions often get simple answers.


  •  

    Posting Permissions

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