2009-08-26 7 views
0

My CSS CODE:Bitte korrigieren Sie diesen Browser-Kompatibilität Problem

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; 
} 

Mein 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> 

Das Banner in firefox zentriert angezeigt wird und in Internet Explorer links ausgerichtet. Ich brauche es zentriert. Bitte helfen Sie mir

Antwort

1

Hier einige Überlegungen sind:

  • hinzufügen Doctype auf die Seite, so dass sie nicht im Quirks-Modus nicht machen.
  • Legen Sie nicht die Breite des Körperelements fest.
0

Sie Banner verwenden sollten:

margin: 0 auto; 

es wird zentriert Browser weit automatisch erhalten.

2

hinzufügen

display: block; 
margin: 0 auto; 

auf dem Banner Element

Verwandte Themen