Hola resulta que tengo el header de una web , en Internet Explorer todas las capas y elementos estan centrados perfectamente , pero cuando veo en Firefox , las mismas estan mas a la izquierda.
Le escribo porque me gustaria que pudiera dejar las capas de Firefox Iguales a las de Internet Explorer en cuanto al posicionamiento.
Este es el codigo del archivo tpl :
Código:
<div class="header"><div class="header_text"><p>Call us: +12 345 567 | [email protected]</p>
</div>
<div class="menu"> <a href="index.php">Home</a> <a href="content.php?a=about_us">About Us</a>
{if $global.member_id>0}<a href="logout.php">Log Out</a>
{else}<a href="signup.php">Sign up</a> {/if} <a href="content.php?a=rules">Rules</a> <a href="content.php?a=faq">Faq</a> <a href="contact_us.php">Contact Us</a> </div>
</div>
Y este es el codigo del archivo CSS que corresponde al archivo tpl :
Código:
@charset "utf-8";
body { margin:0; padding:0; background: none; width:100%; background:#fafbfb url(images/bg.gif) top repeat-x;}
.clr {clear:both;}
/* main */
.main {width:900px; padding:0; margin:0 auto; }
/* header */
.header {
width:900px;
padding:0;
height:auto;
}
/* header_text */
.header_text {
height:auto;
width:270px;
margin:0;
padding:0;
border:none;
float:left;
overflow: auto;
}
.header_text p { font: normal 11px Arial, Helvetica, sans-serif; color:#8a8a8a; padding:60px 0 0 20px; margin:0;}
/* menu */
.menu {
width:593px;
float:left;
height:auto;
margin-top: 56px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 25px;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
overflow: auto;
}