We help IT Professionals succeed at work.

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

daveleblanc
daveleblanc asked
on
175 Views
Last Modified: 2017-03-24
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

CERTIFIED EXPERT
Commented:
This problem has been solved!
(Unlock this solution with a 7-day Free Trial)
UNLOCK SOLUTION

Author

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

Gain unlimited access to on-demand training courses with an Experts Exchange subscription.

Get Access
Why Experts Exchange?

Experts Exchange always has the answer, or at the least points me in the correct direction! It is like having another employee that is extremely experienced.

Jim Murphy
Programmer at Smart IT Solutions

When asked, what has been your best career decision?

Deciding to stick with EE.

Mohamed Asif
Technical Department Head

Being involved with EE helped me to grow personally and professionally.

Carl Webster
CTP, Sr Infrastructure Consultant
Empower Your Career
Did You Know?

We've partnered with two important charities to provide clean water and computer science education to those who need it most. READ MORE

Ask ANY Question

Connect with Certified Experts to gain insight and support on specific technology challenges including:

  • Troubleshooting
  • Research
  • Professional Opinions