S'il vous plaît corriger ce navigateur Problème de compatibilité

Mon CSS CODE:S'il vous plaît corriger ce navigateur Problème de compatibilité

body 
{ 
padding:0; 
margin:10px auto; 
width:800px; 
} 

.wrapper 
{ 
width:800px; 
background-color:#0099FF; 
} 

.bannercont 
{ 
margin-top:5px; 
height:90px; 
width:800px; 
} 

.banner 
{ 
position:relative; 
top:20px; 
background-image:url(../images/livesupport.png); 
width:267px; 
height:32px; 
}

Mon HTML:

<html> 
    <head> 

    <link href="../css/iestyle.css" rel="stylesheet" type="text/css"> 
    <script language="javascript" src="../js/jquery.js"></script> 
    <script language="javascript" src="../js/jquery.corners.js"></script> 


    <script> 

     $(document).ready(function(){ 
     //$('.banner').corners("30px transparent top"); 
     }); 

    </script> 


    </head> 

    <body> 

    <div class="wrapper"> 
     <div class="bannercont"><div class="banner"></div></div> 


    </div> 

    </body> 
</html>

La bannière affiche centrée dans Firefox et aligné à gauche dans Internet Explorer. J'en ai besoin centré. S'il vous plaît aidez-moi

Source

2009-08-26 Rajasekar

Voici quelques réflexions:

Ajouter un type de document à la page afin qu'elle ne rend pas en mode bizarreries.
Ne pas définir la largeur de l'élément de corps.

Source

2009-08-26 10:58:47 Guffa

vous devez utiliser pour bannière:

margin: 0 auto;

il se centrer navigateur à l'échelle automatiquement.

Source

2009-08-26 10:56:33 dusoft

ajouter

display: block; 
margin: 0 auto;

à l'élément de bannière

Source

2009-08-26 10:57:33 Kablam

S'il vous plaît corriger ce navigateur Problème de compatibilité

Répondre

Questions connexes