Problema de Compatibilidad web

djhans · #1 (**permalink**) 22/10/2010, 22:05

Hola estimados amigos de Forosdeweb, Por favor si me ayudan en esto.

Tengo un problema con mi plantilla, en Mozilla Firefox todo se ve normal pero en el Internet Explorer algunas imágenes de la plantilla no salen. Si me dicen porque es eso y cual sería la solución.

emprear · #2 (**permalink**) 22/10/2010, 23:04

no olvidaste nada?

seoista · #3 (**permalink**) 23/10/2010, 00:15

Cita:

Iniciado por emprear

no olvidaste nada?

¡¡¡El link!!!, djhans.

Pasa el link para que te puedan ayudar, ya que el mago está de vacaciones

.

MasterXNicoX · #4 (**permalink**) 23/10/2010, 01:03

Bien, el Mago está de Vacaciones, pero el Adivino está aquí!!! jajaja!!!

djhans, por la info que das; sólo te puedo decir que FF e IE siempre tienen sus diferencias
a la hora de reconocer propiedades CSS y demás en las webs...

Lo que vas a tener que hacer, es crear dos hojas de estilo (si es que las usas),
una para FF y otra para IE...

E ir configurandolas hasta que obtengas lo que quieres en cada uno de tus navegadores...

-----------------------------------------------------------------------------

En tu HEAD del archivo HTML, los enlaces a las Hojas CSS deben quedar así:

<link rel="stylesheet" href="s.css" type="text/css"/>


Donde "s.css" va a tener el estilo normal de la pagina...
Y donde "e.css" va a tener el estilo específicamente para IE...

Osea que serán 2 archivos CSS....

-----------------------------------------------------------------------------

Espero que me hayas entendido y que sea esta la solución a tu problema, si no es el caso;
tendrás que dar más información acerca de tu problema, o el link de tu web...

Saludos y Éxitos!!!

JavierB · #5 (**permalink**) 23/10/2010, 02:10

Hola djhans

Muevo tu tema al foro de CSS desde Web general.

Saludos,

MasterXNicoX · #6 (**permalink**) 23/10/2010, 23:40

Mírate estos enlaces también djhans...

ENLACES

djhans · #7 (**permalink**) 24/10/2010, 21:01

ahh disculpa por no dejar el link. Bueno lo subí a un hosting gratuito para que comprueben el error, aqui el link

http://cybervicio.webcindario.com

y por si necesitan les dejo el contenigo del CSS:

/* - - - - - - - - - - - - - - - - - - - - -

Title : Lightbox CSS
Author : Dj. Hans
URL : http://www.cybervicio.tk
Created : octubre, 2010

- - - - - - - - - - - - - - - - - - - - - */

BODY {
CURSOR: url('http://www.freewebs.com/djhans22/hi5/cursor_04.cur'); margin-top:
0px; padding-top: 0px
}
HTML {
BORDER-RIGHT: 8px; BORDER-TOP: 8px; SCROLLBAR-FACE-COLOR: black; SCROLLBAR-HIGHLIGHT-COLOR: black; OVERFLOW: scroll; BORDER-LEFT: 8px ridge; SCROLLBAR-SHADOW-COLOR: #ffffff; COLOR: #000000; SCROLLBAR-3DLIGHT-COLOR: #666666; SCROLLBAR-ARROW-COLOR: #ffffff; BORDER-BOTTOM: 8px; SCROLLBAR-DARKSHADOW-COLOR: #000000
}
a:link, a:visited {
font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:none
}

a:hover, a:active{
background-color:#0099FF; border-style:hidden; color:#0000FF

}
.Titulos-menu {
color: #FFFFFF;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
.links-menu {
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;

Y gracias por todo amigos de forosdelweb

MasterXNicoX · #8 (**permalink**) 25/10/2010, 08:43

Probaste lo que te dije??

djhans · #9 (**permalink**) 26/10/2010, 16:34

Hola nuevamente amigos, no pude hacer un estilo para especial para IE porque la verdad no me funciona o algo debo hacer mal, como dije soy novato en esto jeje

. Bueno les dejo más información:

la plantilla lo hice en PHP y el index contiene:

<?php
// plantilla:
// www.CyberVicio.Tk
$ver=$_GET['ver'];
if($ver==NULL)
{
$ver="inicio";
// Inicio es el archivo que se añada de la portada de la web, cargará por fedecto, para ello debe existir en la carpeta "contenido"
// un archivo llamado inicio.php
}
$dir_gen="contenido/";
// contendio es el nombre de la carpeta donde alojarán todo los archivos a lo que esta web llamará por ejemplo:
//http://tuhost.dominio/cybervicio.php?ver=Inicio
$ext=".php";
// es la extensión con la que trabarás todos tus contenidos, no la cambies
$genero=ucwords($genero);
// este es un complemento para hacer más dinámica la web, la función no está añadida.
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml" xml:lang="en" lang="en">

<HEAD><title>|| ::: WWW.CYBERVICIO.TK ::: || <?echo "$ver"; ?> | FULL ENTRETENIMIENTO || MUSICA - VIDEOS - CHAT - CÓDIGOS - VIDEOS - JUEGOS - FORO - BLOG - AYUDAS</title>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<meta name="description" content="cybervicio Juegos, TV , radios, Foro,blog, Super Tapices hi5. Metroflog" />
<meta name="keywords" content="codigos para jimdo, musica online, tv online, juegos online, transformador de nick, Trucos Msn, Hacks, Juegos, Musica, Videos, Chat, Descargas Gratis, Foro cybervicio, CyberVicio.Tk, Ayuda Hi5, Imagenes Hi5, Mexico. Mejor Hi5, Banners, Firmas, Programas" />

<META content="MSHTML 6.00.2900.2180" name=GENERATOR>
<link rel="stylesheet" href="cybervicio.css" type="text/css" />
<script type="text/javascript" src="inc/code.js"></script>
<style type="text/css">

</style>
<br />
<meta http-equiv="Page-Enter" content="revealTrans(Duration=3.0,Transition=15)">

<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : '160422657316396',
status : true,
cookie : true,
xfbml : true
});
};

(function() {
var e = document.createElement('script');
e.src = document.location.protocol + '//connect.facebook.net/es_LA/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());

</script>

<SCRIPT LANGUAGE="JavaScript">

</script>

</HEAD>
<BODY bgColor=#000000>
<DIV align=center>
<p><img src="pic/cabecera.png" width="963" height="200"><BR>

<script type="text/javascript">
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

</MAP>
<img src="pic/rockweb.png" alt="cabeza" width="960" height="80" border="0" usemap="#Map">
<map name="Map">
<area shape="rect" coords="882,11,950,72" href="http://www.zonamyspace.com"target=_blank>
<area shape="rect" coords="808,13,876,73" href="http://www.zonaface.com">
<area shape="rect" coords="735,11,804,72" href="http://www.zonahi5.com">
<area shape="rect" coords="660,12,731,71" href="http://zonamsn.com">
<area shape="rect" coords="574,11,656,72" href="http://www.imagenes.com">
<area shape="rect" coords="468,10,570,72" href="http://www.buscamp3.com">
<area shape="rect" coords="392,9,463,73" href="http://www.google.com">
<area shape="rect" coords="311,9,388,74" href="http://videos.cybervicio.tk"target=_blank>
<area shape="rect" coords="235,8,306,74" href="http://www.cybertono.tk"target=_blank>
<area shape="rect" coords="161,10,229,73" href="http://www.cybervicio.mforos.com"target=_blank>
<area shape="rect" coords="120,51,123,53" href="http://www.blogcybervicio.blogspot.com"target=_blank>
<area shape="rect" coords="86,9,155,75" href="http://www.blogcybervicio.blogspot.com"target=_blank>
<area shape="rect" coords="6,8,81,70" href="http://www.cybervicio.webcindario.com">
</map>
</p>
</DIV>
<DIV align=center>
<TABLE height=2005 cellSpacing=0 cellPadding=3 width=825 border=0>
<TBODY>
<TR vAlign=top align=middle>
<TD width=185 height=580><TABLE width="106%" height="180" border=0 cellPadding=0 cellSpacing=0>
<TBODY>
<TR>
<TD width="185" height=30 background=pic/sup_menu.png><div align="center" class="Titulos-menu">| MENU PRINCIPAL |</div></TD>
</TR>
<TR background="pic/ancho1.png">
.
.
. contenido
.
y termina asi

</TBODY>
</TABLE>
<BR>
<BR> <BR></TD></TR></TBODY></TABLE>
<IMG
src="pic/copyrigth.png" width="977" height="72"><BR>
</DIV>

Bueno eso contiene el index.php ya les dejé el contenido del CSS y la dirección de la web para que comprueben el error

[URL="http://cybervicio.webcindario.com"]http://cybervicio.webcindario.com[/URL]

Gracias amigos de Forosdelweb por su interés en ayudame, les agradezco mucho...

masterojitos · #10 (**permalink**) 26/10/2010, 17:08

Acabo de ver el link y asu... recorde las web del año 2006

:

Ese titulo en la parte superior.....
Solo te faltan gif animados y un texto con marquesina en la barra de estado xD

Bueno tu problema creo que es el siguiente:
Este codigo:
<tr background="pic/ancho1.png">
Cambialo por:
<tr style="background:url(pic/ancho1.png)">

Y asi en cada tr.

Suerte

Moonlight · #11 (**permalink**) 27/10/2010, 13:08

Perdón por colarme aquí con una pregunta.

Yo h eentendido perfectamente la explicación de MasterXNicoX. Si para el Internet Explorer, el 'if' es IE, ¿cómo sería para otros navegadores como Ópera, Netscape, Safari...?

Gracias.

Un beso.

emprear · #12 (**permalink**) 27/10/2010, 13:28

MooLigth:

el IF IE te servirá solo para saber si es IE o no, y si lo es, a lo sumo para ver que versión de IE es.

Para detectar otros navegadores, necesitas algo un poco más avanzado, si sabés algo de php, te dejo un link a una script que desarrolle para tal propósito.

http://foros.emprear.com/html/deteccion-browser/

Con respecto a este post en particular, no te guies mucho, se está haciendo incapié en la probable interpretación de los estilos por los distintos navegadores, en el caso de la página de djhans. El problema primario a resolver es eliminar los casi 180 errores de sintáxis que tiene su código, entre ellos
tags no cerrados, tags en lugares erróneos, tags mal anidados y un compendio de desprolijidades diversas. Recién entonces, podemos tratar el tema de los estilos.

Cada día se mueve mejor

masterojitos · #13 (**permalink**) 27/10/2010, 13:35

Moonlight, Por favor, no puedes realizar preguntas dentro de temas.... para eso crea un hilo aparte.....

No obstante, hay varias formas de saber ello... con php como te puso emprear.... pero ya que estamos hablando de javascript.... tambien puedes de la siguiente manera:

Una forma es con navigator.appName el cual detecta el nombre del navegador y appVersion lo cual ya sabras para que sirve.
Otra forma de saber especificamente que navegador se esta usando, es con userAgent el cual retorna la cabezera del navegador donde esta mas informacion y con esta obtener resultados.... por ejemplo con expresiones regulares podria hacer esto:

Código Javascript:

Ver original// UserAgent RegExp
    webkit = /(webkit)[ \/]([\w.]+)/
    opera = /(opera)(?:.*version)?[ \/]([\w.]+)/
    msie = /(msie) ([\w.]+)/
    mozilla = /(mozilla)(?:.*? rv:([\w.]+))?/

Espero te sirva de algo..

Nota. Cambia tu avatar que aqui hay personas cardiacas y se le puede parar algo ^^

Suerte

Moonlight · #14 (**permalink**) 27/10/2010, 15:12

Gracias, Emprear.

Lo siento, Misterojazos, no creí necesario abrir otro hilo si podía apreovechar este. Para la próxima ya lo sé, y acabo de cambiar el avatar.