my menu become so weired on diffrent browsers

Question

0.00/5 (No votes)

See more:

my menu is become unmanageable on various browsers and look proper i have to adjust page zoom. please have a look my css i can not find the exact problem.

CSS

div.xxnav {
    background-image:url(../assets/nav.png);
    background-repeat:repeat-y;
    background-position:top left;
    /*width:1200px;*/
    height:30px;
    margin: 5px auto  0 27px;
    padding-right:714px;
    text-transform:uppercase;
    font-weight:bold;
    padding-top:12px;
}

XML

<div class="xxnav">
<ul id="MenuBar1" class="MenuBarHorizontal">
        <li><a href="../UserPanel/Default.aspx">Home</a></li>
        <li><a  href="../UserPanel/AboutUs.aspx">About</a></li>
        <li><a  href="../UserPanel/frmGallery.aspx">Gallery</a></li>
        <li><a  href="../UserPanel/Services.aspx">Services&nbsp;</a></li>

        <li><a  href="../UserPanel/Contact.aspx">Contact</a></li>
      </ul>
    </div>

Posted 26-Oct-13 0:20am

Mohd Arif Khan

Updated 26-Oct-13 0:22am

v2

Add a Solution

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

C For Code!!! · Answer 1 · 2013-10-26T00:50:00

IE is BOSS. From the start browsers era w3c has given many standards almost all browsers following and updating as per standard. IE is going on his own way.
To solve this either apply css using jquery or use two style sheet one for IE and one for other
by checking appname (navigator.AppName)

Hope this helps

use like below

XML

<script type="text/javascript">
var browser=navigator.appName;
if browser == "Microsoft Internet Explorer" {
document.write("<link type=\"text/css\" rel=\"stylesheet\" href=\"IE.css\">");
}
else {
document.write("<link type=\"text/css\" rel=\"stylesheet\" href=\"generic.css\">");
}
</script>

C For Code!!! · Answer 2 · 2013-10-26T01:14:00

It may be because of having older and newer version of browser!!!

you can go with the following script

XML

<script type="text/javascript">
var browser=navigator.appName;
if browser == "Microsoft Internet Explorer" {
document.write("<link type=\"text/css\" rel=\"stylesheet\" href=\"IE.css\">");
}
else if browser == "Firefox" {
document.write("<link type=\"text/css\" rel=\"stylesheet\" href=\"FF.css\">");
}
else {
document.write("<link type=\"text/css\" rel=\"stylesheet\" href=\"generic.css\">");
}
</script>

my menu become so weired on diffrent browsers

2 solutions

Solution 1

Solution 2

Add your solution here

Preview 0