7 {{ upvoteCount | shortNum }}
7 {{ upvoteCount | shortNum }}

CSS layout help?

by Premier Plugins
6 replies
  • WEB DESIGN
    • |
Solved. Thanks!
#css #layout
  • Profile picture of the author carrot
    in chrome element inspector removing width:100% from container fixes it.
    {{ DiscussionBoard.errors[6232771].message }}
  • Profile picture of the author 723Media
    If you change the width of #container to 60% or below, it actually works the way you'd like.
    Signature
    http://socialeers.com
    http://graphicriver.net/user/723media/portfolio
    Are you ready to finally launch your product?
    {{ DiscussionBoard.errors[6232773].message }}
  • Profile picture of the author Istvan Horvath
    Delete the theme with your modifications and upload a "virgin" version of it.

    And don't mess with things you don't understand... If you are not fluent in CSS/XHTML - find a theme that fits your needs without modifications.
    Signature

    {{ DiscussionBoard.errors[6232781].message }}
  • Profile picture of the author ronc0011
    floats work with available window width if your combined div widths exceed the available window width it will push the last diV to the next row. so it is very important that you know how many pixels width you have to work with and what all your divs add up to including borders and margins etc. they can't exceed the total available window width.
    {{ DiscussionBoard.errors[6232787].message }}
  • Profile picture of the author Premier Plugins
    Beautiful, thanks! Why does reducing the container size make it work? I had previously tried setting px sizes for that area but it didn't seem to work. Trying to learn a little as I go.

    Nevermind, you guys beat me to it. Thanks again.
    {{ DiscussionBoard.errors[6232788].message }}
  • Profile picture of the author carrot
    That container, despite the name, did not contain the sidebar, its a sibling not a parent.
    At width 100% it took up the whole width (obviously!) so the sidebar was pushed underneath.

    Use chrome/safari (element inspector is included in basic instal, just right click anything and choose inspect element) or add firebug to firefox for the same functionality
    {{ DiscussionBoard.errors[6232803].message }}

Trending Topics