Foros del Web » Creando para Internet » CSS »

Problemas entre navegadores

Estas en el tema de Problemas entre navegadores en el foro de CSS en Foros del Web. Hola amigos espero esten bien, he diseñado una pagina web y he ubicado varias cosas en la pagina por medio de CSS, el problema es ...
  #1 (permalink)  
Antiguo 16/01/2010, 08:43
 
Fecha de Ingreso: julio-2004
Mensajes: 320
Antigüedad: 13 años, 4 meses
Puntos: 1
Problemas entre navegadores

Hola amigos espero esten bien, he diseñado una pagina web y he ubicado varias cosas en la pagina por medio de CSS, el problema es que cuando modele la pagina lo hice bajo WIN7 en IE8 luego de haberla terminado tenia visualizacion exacta de como yo la deseo, pero sucede que en el momento de abrirla en otro pc con ie6, firefox o chrome la pagina muestra todo desordenado y el IE6 2 imagenes PNG me las coloca con fondo gris cuando el fondo es invisible :S..... me gustaria saber como puedo hacer que la web se vea igual en todos los navegadores y no cambie el diseño concreto que ya tengo????


muchas gracias y espero su mas pronta respuesta....

por cierto el codigo de style lo tengo dentro de la pagina html.
  #2 (permalink)  
Antiguo 16/01/2010, 09:07
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 8 años, 5 meses
Puntos: 137
Respuesta: Problemas entre navegadores

no hay una vacuna tipo "bajate esto y tu sitio sera crossbrowser" jajaja...
lo que si hay es soluciones... hay miles de hacks para Fixear el PNG en IE6...
y para el resto de tus problemas si no pones el sitio en cuestion o el codigo CSS/HTML que utilizas es un poco dificil dar una respuesta acertada chao!.
  #3 (permalink)  
Antiguo 16/01/2010, 09:13
 
Fecha de Ingreso: julio-2004
Mensajes: 320
Antigüedad: 13 años, 4 meses
Puntos: 1
Respuesta: Problemas entre navegadores

ok amigo Aqui les dejo el codigo. si le meto lo de los hacks que dices no desconfigura los otros navegadores?
soy nuevo en esto jeje no se burlen del code xD
<html>

<head><script type="text/javascript" src="flashobject.js"></script>
<script type="text/javascript" src="center.js"></script>


<style type="text/css">
<!--
.swfcentro {
position: absolute;
top: 1%;
left: 51%;
}
-->
</style>



<style type="text/css">
<!--
.pnggoogle {
position: absolute;
top: 10%;
left: 47%;
}

.pngsairox {
position: absolute;
top: 10%;
left: 69%;
}

.marq {
position: absolute;
top: 23%;
left: 42%;
}

.texto {
position: absolute;
top: 1%;
left: 20%;
font-size: 16pt; color: white;
}
.texto2 {
position: absolute;
top: 5%;
left: 8%;
}
-->
</style>




</head>



<body onload="AdjustMenu()" onresize="AdjustMenu()">



<div style="position:relative; width:*; height:*; background-image:url(top.png); background-repeat:no-repeat; background-attachment:none; background-position:'center top';">

<MARQUEE class="marq" height="50" width="540"BEHAVIOR=ALTERNATE> <IMG height="50" SRC="Imagen3.PNG"></MARQUEE>

<IMG height="90" width="240" SRC="Imagen1.PNG" class="pnggoogle">
<IMG height="90" width="240" SRC="Imagen2.PNG" class="pngsairox">


<div id="center_menu_id" class="swfcentro"></div>
<script type="text/javascript">
var fo = new FlashObject("nwby.swf","center_menu","450","65","6 ","#C0C0C0");
fo.addParam("menu","false");
fo.addParam("quality","best");
fo.addParam("salign","LT");
fo.addParam("scale","noscale");
fo.addParam("wmode", "transparent");
fo.write("center_menu_id");
contenedor.loadMovie("nwby.swf");
contenedor._x = 100;
contenedor._y = 100;

</script>
<div style="position:relative; width:*; height:*; background-image:url(info.PNG); background-repeat:no-repeat; background-attachment:none; background-position:'center top';absolute; top: 220;">

<Label class="texto">

HOLAAAAAAAA<p>
</label>

<label class="texto2">
HOLAHOLAHOLAHOLA
</label>



<div style="position:relative; width:*; height:400;background-image:url(down.PNG); background-repeat:repeat-y; background-attachment:none; background-position:'center top';absolute; top: 375;">




</div>
</div>
</div>

<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><B R><BR><BR><BR><BR><BR><BR><BR>





</html>

Última edición por Sairox; 16/01/2010 a las 09:32
  #4 (permalink)  
Antiguo 17/01/2010, 11:35
Avatar de danneg  
Fecha de Ingreso: agosto-2009
Ubicación: Todo un mundo de posibilidades
Mensajes: 856
Antigüedad: 8 años, 3 meses
Puntos: 48
Respuesta: Problemas entre navegadores

Pues este problema similar me paso y es por que ie8 en w7 tiene por defecto el modo vista compativilidad no estandarizado, osea lo peor que ms ha hecho, deberias maquetar en webkit ya que funciona bien e implementa bien los estandares, chrome cumple con los requisitos lo demas ya te lo resolvieron
__________________
- Daniel García (@dannegm)
- [follow me | fork me on github...]

Etiquetas: navegadores
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 03:57.