Side bar is getting pushed down to the bottom of the page - sidebar

I have 2 monitors. One is slightly wider than the other. When I put my page that has the right side bar with nav links and other controls, it shows properly off to the far right side of the page as you can see below. This is on the wider monitor.
And when I drag the browser onto my narrower monitor, the next image below demonstrates the results of pushing the entire contents of the sidebar down underneath the main content. How can I correct this problem to insure the right sidebar lines up with the tables that are floating next to each other down the main content area?

Related

How do you fix gap between img and left side of screen and mismatched navbar options?

I have made my logo for my website and I have added it in, but I am having some problems.
When in fullscreen on a large device, the logo image does not touch the left side of the screen. There is a gap between the img.
When in fullscreen on a large device, the logo is on one line and the navigation options are on another line. (I have a collapsed nav bar on small devices. It looks very good on the small device, but terrible on a large device.)
http://bmwent.codehs.me/
Expected Results:
No gap on the side part of the navbar between the image and the left side of the screen.
The image and the navigation options should be on the same line.
Thank you.

On iPhone Website Zooms Out When Clicking Dropdown?

I am having an issue with a site I am developing on iPhones. When I click a select element on my phone it zooms the website out and adds white space to the right side of the screen.
This only occurs when I click one of the two dropdowns that are on the right side of the screenshot (Industries or Category). While if I click a dropdown on the left side (Services, or Companies) It doesn't add the white space to the left of the screen.
I can't seem to figure out what is causing this issue?
EDIT: A little harder to see in the screenshot, but the blue filters block should be all the way to the right size of the screen, but white space is added to the right side when a dropdown is selected.

Extra space on the right of the webpage causes horizontal scroll bar

I recently wrote a website with ASP.NET MVC 5. The website looks good except that there's always extra white space on the right side of the home page causing a horizontal scroll bar in the browser.
Moreover, the extra space only exists on the home page.
Here is the url
This space appears because you have a too large block in your page like in the screenshot:
So it pushes on the right and create the white space.
EDIT: There is a second one here:

Sublime Text 2: Make the window wider when viewing the side bar

When you view/invoke the side bar in Sublime Text 2, the width of the window stays constant—the side bar appears on the left, code in the middle and the mini-map on the right. This usually “squishes” the code view…
Is there a way to keep the code and mini-map locked to a specific width and force the window to grow wider when you invoke the side bar view? (Similar to how the project drawer works in TextMate.)
Thanks!

Create a menu frame that can scroll off the page

I currently have a site with a menu in a frame on the left and the content in a frame on the on the right. I want to move the menu frame to the top of the page (horizontal instead of vertical), but I want the menu to move up off the visible page when scrolling on a large content page, as though the menu was part of the content.
Note: I do not want to render the menu on the content page as all the current links target specific frames/windows and I would like to not have to render the menu on every request.
If you're asking whether it's possible to scroll a frame off the page, it is. Just use an IFrame. http://www.w3.org/TR/html4/present/frames.html
Just be aware that if you had lengthy dropdowns in your vertical frames, they may get truncated in a horizontal "menu" in an iframe of limited height.