Foros del Web » Creando para Internet » CSS »

Problema con css en firefox

Estas en el tema de Problema con css en firefox en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 22/05/2010, 19:10
 
Fecha de Ingreso: julio-2009
Mensajes: 55
Antigüedad: 8 años, 4 meses
Puntos: 0
Problema con css en firefox

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

Etiquetas: firefox
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 22:44.