hello..
i'm having web page having javascript, css, HTML, etc, and i'm using mozila firefox browser, its working fine but when i'm going to open it on Internet Explorer the resolution is getting changed, so i'm not getting this problem.

i know one procedure in javascript it is browser sniffing and redirection but i dont know how it working...

can any body pls help...??

Maybe you could post your code first.

ok this is my main page, it is fine when i'm using mozila browser but it is not well with Internet Explorer or any other browser... so pls help mw regarding this...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="Your Icon Name" href="images/icon.jpg">
<title>Mystery Computers</title>
<Script Language="JavaScript">

</script>

<script type="text/javascript" src="js/jquery-1.4.2.min.js.js"></script>
<script type="text/javascript" src="js/jquery.animated.innerfade.js"></script>
<link rel="stylesheet" type="text/css" href="css/style.css"/>
<script type="text/javascript">
    $(document).ready
    (
        function()
        {
            $('ul#animated-portfolio').animatedinnerfade({
                speed: 2000,<!--set speed-->
                timeout: 5000,<!--set Time-->
                type: 'sequence',<!--set type - sequence or random-->
                containerheight: '275px',
                containerwidth: '745px',
                animationSpeed: 2000,
                animationtype: 'fade',<!--Animation type - fade or slider-->
                bgFrame: 'none',
                controlBox: 'none',
                displayTitle: 'none'
        });
    });     

</script>
</head>
<body>
<div id="wrapper">
<div id="center">
    <div class="container">
        <div id="header">
        <img src="images/mystery.bmp" width="233" height="70"/><br  />
        <font size="3" face="monotype corsiva" color="#05c7c3">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Best Services with faster Responce</font>
        <div id="navigation">
            <ul>
                <li class="selected"><a href="index.html" title="home">HOME</a></li>
                <li><a href="about.html" title="about us">ABOUT US</a></li>
                <li><a href="service.html" title="service">SERVICES</a></li>
                <li><a href="client.html" title="client list">CLIENTS</a></li>
                <li><a href="contact.html" title="contact us">CONTACTS</a></li>
                <li><a href="site.html" title="site mape">SITE MAP</a></li>
                <li><a href="login.php" title="contact us">LOG IN</a></li>              
            </ul>
        </div><!--end navigation-->
        <div id="slider">
                <!-- Animated Slider to chance imagens you need save with same name in folder images exemple ( images/slider-imagem1.jpg ) -->
            <div id="sliderbox">           
            <ul id="animated-portfolio">                 
                <li>
                    <img src="images/slider-imagem1.jpg" width="745" height="275" />
                </li>
                <li>
                    <img src="images/slider-imagem2.jpg" width="745" height="275" />
                </li>
                <li>
                    <img src="images/slider-imagem3.jpg" width="745" height="275" />
                </li>    
                <li>
                    <img src="images/slider-imagem4.jpg" width="745" height="275" />
                </li>
                <li>
                    <img src="images/slider-girl.jpg" width="730" height="275" />
                </li>
                <li>
                    <img src="images/slider-call1.jpg" width="730" height="275" />
                </li>                
            </ul>
            </div>
        </div>
    </div><!--End header-->
</div><!--end container-->
<div class="container">
    <div id="col-left">
    <div class="box-col-left">
        <ul class="social-block">
            <li class="sp-social"><a href="client.html" title="Spring lief">Spring Lief</a></li>
            <li class="ap-social"><a href="client.html" title="Apollo Clinic">Apollo Clinic</a></li>
            <li class="ec-social"><a href="client.html" title="ECS">ECS</a></li>
            <li class="nv-social"><a href="client.html" title="Naveen Enterprices">Heera Cables</a></li>
        </ul>
    </div>
    <!--<div class="box-col-left">
        <form action="">
        <div id="search">
            <input type="text" class="text-box" value="Search text here..."  />
            <input name="n1" type="image" value="Search" class="btn"  />
        </div>
        </form>
    </div>-->
    <div class="box-col-left">
        <h2>Newsletter</h2>
        <p>Keep up on the latest services and updates!</p>
        <div class="btn2">
            <a href="subscribe.php" title="Subscrible Now">Subscrible Now</a>
        </div>
        <br />
    </div>
</div><!--end col-left-->
<div id="col-right">
    <h2>Welcome to Mystery</h2>
        <p align="justify">Mystery Computers has decade plus experience in architecting, building, managing, and optimising IT Infrastructures. We can help you select the right elements from an array of new technologies and deploy them to your greatest advantage. Our end-to-end service offering right from Consulting/Design to Deploy/Manage help you achieve your business objectives through antire lifecycle of your IT infrastructures.</p>
        <div class="box-col-right">
            <h2>About Us</h2>
                <p align="justify">We are providing quality products to businesses and individuals. Our goal is to provide outstanding services for the best possible price.</p>
                <p><a href="about.html" title="Continue Reading">Continue Reading &raquo;</a></p>
        </div>
        <div class="box-col-right">
            <h2>Services</h2>
            <ul class="li-services">
                <li><a href="service.html">Computer - Hardware Services</a></li>
                <li><a href="service.html">Computer - Software Services</a></li>
                <li><a href="service.html">Web Hosting Services</a></li>  
            </ul>
            <p><a href="service.html" title="Continue Reading">Continue Reading &raquo;</a></p>
        </div>
        <div class="box-col-right-last">
            <h2>Clients</h2>
            <ul class="li-clients">
                <li><a href="client.html">Apollo Clinic</a></li>                
                <li><a href="client.html">ECS Computers</a></li>
                <li><a href="client.html">Hira Cables</a></li>
                <li><a href="client.html">Naveen Enterprises</a></li>
                <li><a href="client.html">The Cradle Hospital</a></li>              
            </ul>
            <p><a href="client.html" title="Continue Reading">Continue Reading &raquo;</a></p>
        </div>
        <div class="line"></div>
</div><!--End col-right-->
</div>
</div>
</div>
<div id="fotter">
    <div id="fotter-content">
    <div class="fotter-box">
        <h2>facilities</h2>
        <ul>
            <li><a href="about.html">Our People</a></li>
            <li><a href="about.html">Our Technologies</a></li>
            <li><a href="about.html">Our Facilities</a></li>
        </ul>
    </div>
    <div class="fotter-box">
        <h2>services</h2>
        <ul>
            <li><a href="service.html">Computer Hardware Services</a></li>
            <li><a href="service.html">Computer Software Services</a></li>
            <li><a href="service.html">Web Hosting Services</a></li>
        </ul>
    </div>
    <div class="fotter-box">
        <h2>our Products</h2>
        <ul>
            <li><a href="hardware.html">Hardware Products</a></li>
            <li><a href="software.html">software Products</a></li>          
        </ul>
    </div>
    <div id="end-fotter">
        <div style="clear: both;"></div>          
    </div><!--End Fotter-->
</div><!--End fotter content-->
</div><!--End fotter-->
</body>
</html>

im just guessing but shouldn't you be using % rather than px?

px means? i'm not getting....

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.