Solved

Cross browser compatability issues on website

Posted on 2014-01-05
10
272 Views
Last Modified: 2014-02-16
Hi Experts,

Need help with cross browser testing for one of our sites that needs to be launced ASAP.  Having trouble with internet explorer, navigation menu at the top and footer lookinf displaced.  Help urgently needed to get it looking as it does on modern browser.  Support up to ie7.  The site can be accessed on http://www.webtrixzambia.com/ndolacouncil/

Help will be much appreciated in getting things sorted out.
0
Comment
Question by:kasondeneddy
  • 3
  • 2
  • 2
  • +2
10 Comments
 
LVL 21
ID: 39757925
... Support up to ie7.

Does that mean you are trying to support older browsers like IE6, IE7, and prior?

What specific browsers are you trying to use?
0
 
LVL 7

Expert Comment

by:rgranlund
ID: 39757951
BOTTOM Menu: line 159 in the CSS, increase the width;
this will give the footer-menu / line 2194 more room and won't be squished.

Top menu looks fine.  Can you explain more?
0
 
LVL 52

Expert Comment

by:Scott Fell, EE MVE
ID: 39758008
Can you give us a link to your sample page to look at? Are you using jquery? or targeting css3?
0
 
LVL 21
ID: 39758060
@Scott Fell (padas), there is a link in the OP

The site can be accessed on http://www.webtrixzambia.com/ndolacouncil/
0
 
LVL 52

Accepted Solution

by:
Scott Fell,  EE MVE earned 300 total points
ID: 39758228
Thanks HTC.  Sometimes it is just in front of you.

The bottom nav needs  a a class of twelve at least.  

<!-- social bottom --> the div is set to div class="eleven columns" and that should at least be "twelve columns".

To be honest there are a lot of errors on this site.  Some of those will have an indirect impact on how your site looks and others will not.  I won't list them here but if you are interested, post the link of your site to the bugfinder http://www.experts-exchange.com/BugFinder/ and multiple experts will give you a lot of good feedback from validation to usability.

One of the things I noticed is you have part of your Skeleton css in your custom theme css and you also have the same css as a separate sheet.  I did not check if they are the same or conflicting though.  You really should get all of this taken care of.
0
Do You Know the 4 Main Threat Actor Types?

Do you know the main threat actor types? Most attackers fall into one of four categories, each with their own favored tactics, techniques, and procedures.

 

Author Comment

by:kasondeneddy
ID: 39758698
Thanks so much for the responses, just got into the office, and implementing changes.  I will be in touch asap.

Scott Fell, thanks for the direction.  Had some other developers working on the site, that have since left.  So making the changes and bug fixing.

rgranlund, thanks for the indicator.  Will be in touch with more information soon as I work on it.
0
 

Author Comment

by:kasondeneddy
ID: 39759033
The TheHiTechCoach, sorry, overlooked your message when replying, tryin to support up to ie7, definitely not 6
0
 
LVL 6

Assisted Solution

by:Mahesh Bhutkar
Mahesh Bhutkar earned 200 total points
ID: 39761882
1) Open you site in Internet Explorer. Click F12 button for Developer Tools.
From Menu option Set the browser mode compatibility as IE7 & click on Validate link. It will give you all possible errors.

2) You can even validate your site from  W3C Validator.. Check here
http://validator.w3.org/#validate_by_uri+with_options
0
 
LVL 6

Expert Comment

by:Mahesh Bhutkar
ID: 39799591
Any updates?
0
 

Author Closing Comment

by:kasondeneddy
ID: 39863098
Sorry for closing this late experts, as usual, your advise was invaluable!
0

Featured Post

Better Security Awareness With Threat Intelligence

See how one of the leading financial services organizations uses Recorded Future as part of a holistic threat intelligence program to promote security awareness and proactively and efficiently identify threats.

Join & Write a Comment

Suggested Solutions

"In order to have an organized way for empathy mapping, we rely on a psychological model and trying to model it in a simple way, so we will split the board to three section for each persona and a scenario and try to see what those personas would Do,…
Boost your ability to deliver ambitious and competitive web apps by choosing the right JavaScript framework to best suit your project’s needs.
This tutorial walks through the best practices in adding a local business to Google Maps including how to properly search for duplicates, marker placement, and inputing business details. Login to your Google Account, then search for "Google Mapmaker…
The viewer will learn how to dynamically set the form action using jQuery.

747 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

15 Experts available now in Live!

Get 1:1 Help Now