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

daveleblanc
daveleblanc used Ask the Experts™
on
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.
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
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

Author

Commented:
thank you for your response, I just discovered theyre forcing enterprise mode to emulate IE5 which is causing the issue.

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial