Foros del Web » Creando para Internet » CSS »

firefox y chrome distintos resultados en posición de elementos

Estas en el tema de firefox y chrome distintos resultados en posición de elementos en el foro de CSS en Foros del Web. Hola amigos, me ocurre que mi pagina se ve en chrome y firexfox distinta situada en este último mas abajo los elementos de la misma, ...
  #1 (permalink)  
Antiguo 04/09/2009, 08:55
 
Fecha de Ingreso: agosto-2008
Mensajes: 606
Antigüedad: 16 años, 3 meses
Puntos: 11
firefox y chrome distintos resultados en posición de elementos

Hola amigos, me ocurre que mi pagina se ve en chrome y firexfox distinta situada en este último mas abajo los elementos de la misma, menus, contenidos, ectr... Es normal.


como se puede universalizar al menos para los buscadores mas usuales, gracias.
  #2 (permalink)  
Antiguo 04/09/2009, 09:14
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.698
Antigüedad: 15 años, 4 meses
Puntos: 137
Respuesta: firefox y chrome distintos resultados en posición de elementos

Cita:
mi pagina se ve en chrome y firexfox distinta situada
Cita:
como se puede universalizar al menos para los buscadores mas usuales
mmmm... vamos que mi español aun que viva en mexico no es muy bueno pero mmm... no entiendo...
ahora no tenemos la URL, y como no das el codigo esta un poquito dificil correr mi "Firebug mental" da mas info y te ayudamos chao!...
__________________
Toroflix - movies.
  #3 (permalink)  
Antiguo 11/09/2009, 11:10
 
Fecha de Ingreso: septiembre-2009
Mensajes: 15
Antigüedad: 15 años, 2 meses
Puntos: 0
Respuesta: firefox y chrome distintos resultados en posición de elementos

Bueno, para empezar tu post esta muy mal redactado, pero creo que entendí a que te refieres por que me pasa lo mismo, firefox renderiza mi pagina de manera distinta a como lo hace chrome, en particular me gusta mas como queda en chrome, si usas php podrias ocuparlo como yo para construir tu archivo CSS tal como se hace para escribir HTML o lo que sea, y llamar un archivo PHP en lugar de el CSS, seria algo como lo siguiente:

Código HTML:
<link rel="stylesheet" href="style.php" type="text/css" /> 
a partir de eso pues es obio que puedes hacer algo asi

Código HTML:
<link rel="stylesheet" href="style.php?var=123" type="text/css" /> 
enviar una variable por el metodo GET

y solo restaria saber con que navegador estamos tratando,

eso seria algo asi

Código HTML:
 <script language = "JavaScript">
		document.write('<link rel = "stylesheet" " href = "style.php?browser=',navigator.appCodeName,' type = "text/css" />');
	</script> 
y hacer lo correspondiente en tu PHP que llamas.

algo como

Código PHP:
    <?php
        
if($_GET['browser'] == 'Mozilla')
            echo 
"width                    : 30%;";
        else
            echo 
"width                    : 200px;";  
    
?>
bueno espero que te sirva tanto como a mi.
  #4 (permalink)  
Antiguo 12/09/2009, 11:37
 
Fecha de Ingreso: septiembre-2009
Mensajes: 306
Antigüedad: 15 años, 2 meses
Puntos: 10
Respuesta: firefox y chrome distintos resultados en posición de elementos

Pero que tal si quien visita la pagina no tiene habilitado javascript? entonces las pagina se mostraria sin estilo alguno, para solucionar eso seria bueno primero definir un estilo normalmente con html para firefox y si el javascript detecta q es otro navegador diferente a firefox entonces cargar otro stylesheet q sobre escriba al anterior. y en el caso del php no es necesario hacer tanto "echo" me parece q el codigo quedaria mas limpio asi:
Código PHP:
<?php
        
if($_GET['browser'] == 'Chrome'){?>

            div#id{
            width: 30%;
            height: 200px;
            }

            p.class{
            color:#fff;
            }

<?php 
        
}elseif($_GET['browser'] == 'IE6'){
?>
            .......
<?php }elseif($_GET['browser'] == 'IE7'){>
            .......
<?
php }?>
asi no solo puedes definir el estulo para diferentes navegadores sino q tambien para las diferentes versiones de ellos.

solo q para eso debes usar "navigator.appVersion" en lugar de "navigator.appCodeName" si noi me equiboco

Última edición por severicks; 12/09/2009 a las 11:48
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 21:33.