html / css issue / div issue. stuck, help needed

hey there.

So im building portal pages for my division portal. due to legacy app IE runs in enterprise mode emulating IE8 (not joking sadly).
I can post code as well, but im hoping that by looking at the attached images some one can point me in the right direction as I am unable to replicate the issue myself via emulating other versions of IE, 5-edge and different resolutions.

due to the nature of the company I have to "redact" some of the content so apologies in advance 1st image is how the page looks normally.

image 2 shows how it appears intermittently on other users monitors. left side bar doesn't extend to the page footer, main content section shrinks to 2 wide despite being set to 3 wide.

image 3 shows the menu bar far off to the right. the sub menus also open on top of the menu itself as opposed to underneath it as per the CSS.

CSS is loaded through references in the header of each page. I was able to fix the positioning of the menu if I reference it directly in each page but obviously that's not ideal.

is a CSS conflict creating these issues? testing has proven difficult as I cannot recreate it on my own displays.


screenshot of how the page looks normally on 90% of machines herescreenshot of shortened sidebad + articles rendering 2 wide despite set to 3.screenshot from top left menu section showing the menu pushed out to the right.

main issues
1. left side bar cuts off after end of content, despite css forcing 100% height.
2. main content panel goes from 3 articles wide to two articles wide forcing it to be longer (could be driving the side bar issue)
3. menu gets padding far out right. and sub menus open ON TOP of main menu despite setting to open under.

is this all possible from a CSS conflict? id like to avoid rewriting the css if I don't have to hence why im here.

I appreciate any insights you guys have b/c im stumped and admittedly quite rusty with web dev.

Thanks in advance.
daveleblancAsked:
Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

x
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

lenamtlCommented:
Could you post a live link so we can check the problem?
Otherwise this is not possible to tell you what is the problem.

Probably a CSS problem.

I can recommend you to use Bootstrap for your layout, this allow to have a responsive view for mobile.
http://getbootstrap.com/

Or you can use a premium theme from Themeforest as they are cheap and look professional.
https://themeforest.net
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
daveleblancAuthor Commented:
thank you for your response, I just discovered theyre forcing enterprise mode to emulate IE5 which is causing the issue.
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
CSS

From novice to tech pro — start learning today.