Sidebar Fixing/ Max Left Orientation (6 posts)

  1. nosher
    Posted 10 years ago #

    Hello everyone. I've had such great help from WordPress people in the past, so I am sure that someone brilliant knows how to fix the issue with my website, http://nycnosh.com

    The issue is simply that when viewed in a browser window that extends beyond about 1300 or 1400 pixels wide, my side bar ends up out in the boondocks on the right side of the screen, while the main content window ends up stretched way beyond an aesthetically pleasing width.

    I love that the main content window resizes itself dynamically, but only up to that 1300 pixel width. Beyond that point, things go ugly fast. So here's what I would like to do:

    I would like to set up the style so that if a person's browser window is wider than, say 1200 pixels, the main content window remains a fixed width (say 600 pixels) and the sidebar only migrates out 1200 pixels from the left edge of the browser window. Everything to its right would remain white.

    Is there an easy way to set up an if browser window width>=1200... script that creates a contingency for wide browsers? I would still like to retain the dynamic placement and sizing below this point, so setting absolute values isn't something I want to do.

    Thanks again.


  2. katie1
    Posted 10 years ago #

    My laptop is 1440 wide, so I can see what you're talking about.

    It might be best if you validate your HTML first and then see if this fixes your sidebar issue. Currently you have 58 errors, according to W3C.org

  3. nosher
    Posted 10 years ago #

    Had a look at the HTML and can't see how any of those would solve the issue-- it's not even something that is specified in the code, so the fact that it isn't happening isn't a fault, it's just not covered yet.

    So stil... help!

  4. moshu
    Posted 10 years ago #

    I am not going to look at the source code of your site, because I always hit the Back button when a webpage is that long :(
    So, here is a guess: the layout probably has a "wrap" div that keeps everything together (if not, add one).
    You can define a max-width:XXXpx in the stylesheet and FF will even aply it.
    For IE (if you want the same effect, see this thread:

  5. nosher
    Posted 10 years ago #

    Thanks moshu. You've solved about 2/3 of the issues. It's fine in FF now, but in IE, that script makes two strange things happen: (1) it only flexibly resizes the main content element (#rap) when the browser is large-- the sidebar remains precisely where it was, and (2) it eliminates the margin at the top of that main element, bringing it up closer to the menu bar. Very odd.

    I removed the script call as a result.

    Any other workarounds?

  6. moshu
    Posted 10 years ago #

    (1) it only flexibly resizes the main content element (#rap) when the browser is large-- the sidebar remains precisely where it was,

    Then it means it isn't the "rap" but something else that keeps everything together (outerrap/main/whatever)... it should be the very first one after the body (though not a rule!) - I told you I am guessing because I will not look at your source code if you have a km long main page. Nothing personal against you, I never do.

    I never used that script, I just knew where to find it in the forum :)

Topic Closed

This topic has been closed to new replies.

About this Topic