Aqui con un desorden de unas capas en firefox.
Desde mi mudanza a chrome, estuve trabajando en smf, para probar como era, e hice un cuadro para ingresar en la parte superior del foro, en chrome me queda algo asi:
Todo bien, sino hasta que decidi en probar modificaciones que le estaba haciendo a algunas funciones del smf, y quise checarlas en firefox, y cual fue la sopresa, de que unas capa (la que dice TU NOMBRE, y la siguiente, e incluso la parte de busqueda en la parte superior)estaban fuera de lugar
¿A que se debera?
La estructura esta asi:
Código:
<div id="cuadroinfo">
<div id="cuadromenu">
<div class="menuinfo">Menu</div>';
if($context['user']['is_logged']) echo '
<div id="perfil"><a href="', $scripturl, '?action=profile">' , Perfil, '</a></div>
<div id="salir"><a href="', $scripturl, '?action=logout;sesc=', $context['session_id'], '">' , $txt[108] , '</a></div>
<div id="perfil"><a href="', $scripturl, '?action=pm">' , MensajesPrivados , ' ', $context['user']['unread_messages'] > 0 ? '[<strong>'. $context['user']['unread_messages'] . '</strong>]' : '' , '</a></div>';
if ($context['allow_admin']) echo'
<div id="salir"><a href="', $scripturl, '?action=admin">' , $txt[2] , '</a></div>
'; elseif($context['user']['is_guest']) echo '
<div id="entrar"><a href="', $scripturl, '?action=login">' , $txt[34] , '</a></div>
<div id="perfil"><a href="', $scripturl, '?action=register">' , Registrarse , '</a></div>'; echo '
</div>
<div id="cuadroestadisticas" class="estadisticasinfo">Actualmente hay un total de :
<div id="divisionposts">
<div id="postname">mensajes</div>
<div id="poststat">', $context['common_stats']['total_posts'], '</div></div>
<div id="divisiontemas">
<div id="temasname">temas</div>
<div id="temasstat">', $context['common_stats']['total_topics'], '</div>
</div>
<div id="divisionusuarios">
<div id="username">registrados</div>
<div id="userstat">', $context['common_stats']['total_members'], '</div>
</div>
</div>
<div id="barraingreso">
<form action="', $scripturl, '?action=login2" method="post" accept-charset="', $context['character_set'], '" ', empty($context['disable_login_hashing']) ? ' onsubmit="hashLoginPassword(this, \'' . $context['session_id'] . '\');"' : '', '>
<input type="password" name="passwrd" size="10" id="datousuario" value=""/>
<input type="text" name="user" size="10" id="datocontraseña" value="tu nombre"/>
</form>
</div>
Y el css de las respectivas capas son las siguientes :
Código:
#cuadroinfo{
width:550px;
height:180px;
background:url(images/fondoinfo.png);
float:left;
margin-left:350px;
}
#perfil{
width:100px;
height:18px;
float:left;
margin-left:15px;
margin-top:5px;
}
#salir{
width:100px;
height:18px;
float:left;
margin-left:15px;
margin-top:5px;
}
#cuadromenu{
width:200px;
height:100px;
margin-top:15px;
margin-left:15px;
float:left;
}
#cuadroestadisticas{
width:200px;
height:100px;
margin-top:15px;
margin-right:15px;
float:right;
}
.menuinfo{
width:100px;
height:18px;
float:left;
color:#356AA0;
font-family: Helvetica, Arial, sans-serif;
font-size: 15px;
font-style: normal;
font-weight: bold;
text-transform: normal;
letter-spacing: -2px;
line-height: 1.2em;
}
.estadisticasinfo{
font-family: Cambria, serif;
font-size: 15px;
font-style: italic;
font-weight: bold;
text-transform: normal;
letter-spacing: normal;
line-height: 1.4em;
color:#000000;
}
#divisionposts{
width:100%;
height:14px;
}
#divisiontemas{
width:100%;
height:20px;
overflow:visible;
}
#divisionusuarios{
width:100%;
height:14px;
overflow:visible;
}
#poststat{
width:30px;
height:12px;
float:right;
overflow:visible;
margin-left:50px;
}
#postname{
width:80px;
height:14px;
float:right;
margin-right:10px;
}
#temasstat{
width:30px;
height:12px;
float:right;
overflow:visible;
margin-left:50px;
}
#temasname{
width:80px;
height:14px;
float:right;
margin-right:10px;
}
#userstat{
width:30px;
height:12px;
float:right;
overflow:visible;
margin-left:50px;
}
#username{
width:80px;
height:14px;
float:right;
margin-right:10px;
}
#barraingreso{
width:550px;
height:30px;
float:left;
background:url(images/barraingreso.png);
margin-top:35px;
}
#datousuario{
width:85px;
height:18px;
float:right;
background:url(images/datoingreso.png);
margin-top:7px;
margin-right:7px;
}
#datocontraseña{
width:85px;
height:18px;
float:right;
background:url(images/datoingreso.png);
margin-top:7px;
margin-right:7px;
}
Gracias al que me pueda ayudar, por que en realidad, es algo molesto, que ya estaba acabando ciertas cosas programando funciones, y tenga errores en css :S