Hola amigos de CCTW, saben, a pesar que la web que hice se ve bien desde Internet Explorer, no es posible que en los demás navegadores se vea bien, como en Mozilla, Google Chorme, Nescape, Safari, entre otros. ¿Podrían ayudarme a que se vea bien en todos los navegadores, o almenos que no se vea tan desparatado?, porque en los demás navegadores, se desconfigura el menu lateral izquierdo y el pie de pág, (entre otras cosas) así que amigos, les pido que por favor me ayuden.
Aquí les envio los siguientes códigos para que los revisen y me digas que tal.
Los códigos del Index
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<title></title>
<link rel="stylesheet" href="estilos-generalesexperi.css" type="text/css" media="all">
</head>
<body background="objetos/fondo.jpg">
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">
<a href="index.html">
[contenido no disponible]
</a>
</div>
</div>
<div id="navegacion">
<ul>
Inicio
Quiénes Somos
Nuestra Historia
Organización
Actividades
Contáctenos
Foro
Recursos
Chat
</div>
<div id="contenido">
<div id="menu">
<h1>Menú</h1>
<ul> Matutina de jóvenes/adultos Escuchar Lección Escuela Sabática Ver Tv. Adventista Escuchar Radio
</div>
<div id="menu1">
<h1>También puedes</h1>
<ul> Pedir un consejo Decir como nos conocistes Contarnos tus inquietudes
</div>
<h1>!!!Es muy grata tu visita¡¡¡</h1>
En esta página encontrarás información de nuestro grupo eclesiástico, nuestra historia,
nuestros miembros y muchas páginas web amigas que puedes visitar en cualquier momento, además
puedes escuchar radio por medio de nuestro enlace al Edén. Asimismo podrás ver televisión
adventista gracias a nuestra red ADvenir y muchas cosas más, quedas cordialmente invitado a
disfrutar de este rinconcito web de nuestra iglesia.</p>
<pre>
<h3>Para Meditar</h3>
</pre>
<cite>"Ahora cuando estamos en los albores de la tierra prometida, es un
gran privilegio encontrarnos con usted a través de este medio de comunicación y
poder compartir experiencias que enriquezcan nuestro transitar por este mundo.
Te damos la bienvenida al portal de la hermosa y querida iglesia de Las Minas de Baruta
y estoy seguro que encontrarás en nuestro sitio, valiosos tesoros que querras conservar
en tu haber.
Que la paz del Señor sea el resultado de tu encuentro con nosotros y que el gozo
de la salvación esté en cada fibra de tu ser.
La razón de nuestro existir es reflejar el caracter de nuestro máximo lider, su
nombre es Cristo Jesús. Te esperamos y compartamos juntos experiencias
vivificantes mientras aguardamos su pronto Regreso."</cite>
<pre>
Con amor cristiano</pre>
<FONT face= Pristina color=#000000 size=4>Pr. Yargel Yepez</p>
<FONT face=times new roman color=#000000 size=4>Pastor de Distrito</p>
=========================================================================</p>
<h4>Esta Página está en Construcción, pronto estará lista</h4>
[contenido no disponible]</p>
</div>
<div id="pie">
<div id="pieuno">
<ul>
Enlaces Contactos Pág amigas
</div>
<div id="piedos">Página creada bajo la tutoría de CCTW - By IDVA</div>
<div id="pietres">
<ul>
Directorio TopSite Mapa de la Web
</div>
</div><div id="curva-inferior"></div>
</div>
</body>
</html>
Los códigos de estilos
* {margin:0px ; padding:0px ; border: 0px}
h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ; text-align: center}
h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center}
body {text-align: center}
#global {width:850px ; margin: 4px auto }
#curva-superior { background-image: url(objetos/curva-superior.gif) ;background-repeat: no-repeat ;width:850px ;height: 12px;overflow : hidden }
#cabecera { background-image:url(objetos/fondito.jpg) ; border-left: black 1px solid ; border-right: black 1px solid ; height:85px}
#logotipo {width:247px; float:left}
#publicidad {width:518px ; float:right ; margin-top:25px}
#navegacion {background-image: url(objetos/fondi.jpg) ; border: black 1px solid ; height:5px}
#navegacion li {float:left ; list-style:none ; margin: 0px 7px 0px 7px }
#navegacion ul { margin-left: 20px }
#contenido {background-image: url(objetos/fondito.jpg) ; border-left: black 1px solid ; border-right: black 1px solid}
#contenido p {margin: 5px 5px 0px 5px; text-indent: 15px}
h4 {font.size: 1.1em; color:red ; font-weight: bold;text-decoration: none ; text-align: center}
#menu {width: 150px ; float:left ;
text-align:left ; margin: 3px 10px 3px 3px ;
background-image: url(objetos/menu-parte-inferior.gif);
background-position: bottom; padding-bottom:5px }
#menu li {list-style:none ; margin: 4px 8px 4px 6px}
#menu h1 { font-size:15px; background-image: url(objetos/menu-parte-superior.gif)}
#menu1 {width: 150px ; float:right ;
text-align:left ; margin: 3px 3px 3px 10px ;
background-image: url(objetos/menu-parte-inferior.gif);
background-position: bottom; padding-bottom:5px }
#menu1 li {list-style:none ; margin: 4px 8px 4px 9px}
#menu1 h1 { font-size:15px; background-image: url(objetos/menu-parte-superior.gif)}
a {color:brown;text-decoration:none ; display: block }
a:link{}
a:visited {}
a:hover{color:red;text-decoration:underline ; background-color: silver}
a:active{}
#pie { background-image: url(objetos/fondito.jpg) ; aling:center;
border-left: black 1px solid ;
border-right: black 1px solid;
border-top: black 1px solid; height: 70px }
#pie li {list-style: none }
#pieuno {float:left;width:150px }
#piedos {float:left;width:398px;font-size:10px}
#pietres { float:right; width:150px }
#curva-inferior { background-image: url(objetos/curva-inferior.gif); background-repeat: no-repeat ;width:850px ;height: 15px;overflow : hidden }
#pie a {color: blue; text-decoration:none ; display: block }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:black ; text-decoration:underline ; background-color: white }
#pie a:active {color:black}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}
He leido algo sobre estilos condicionales en la web, pero se me presentan dificultades para que se vea bien, es decir, coloco que en Internet Explorer se vea una propiedad, y eso ocaciona que los demás navegadores no vean esa propiedad (porque uso el estilo condicional) pero ¿cómo hago para que eso lo vea otro navegador, porque se supone que se lo oculte con el estilo condicional?
Ejemplo, si ves mi web con Internet Explorer, la verás bien, pero si en Mozilla la ves, te darás cuenta que los diferentes menús están muy descuadrados, entonces, cuando se los oculto a los distintos navegadores y solo se los muestro a IE, me doy cuenta que ya no aparecen en Mozilla ni en los otros, (Por supuesto porque se los oculte) pero ¿como hago para que aparezcan pero en esta oportunidad bien cuadraditos, alineaditos y que se vea bien como en IE?
Espero que me ayuden con esto que me tiene ya mareado, y espero que me entiendan porque a veces no me hago entender por escrito.
Gracias por su ayuda amigos, y quedo en espera de sus respuesta.
Bye
Aquí les envio los siguientes códigos para que los revisen y me digas que tal.
Los códigos del Index
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<title></title>
<link rel="stylesheet" href="estilos-generalesexperi.css" type="text/css" media="all">
</head>
<body background="objetos/fondo.jpg">
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">
<a href="index.html">
[contenido no disponible]
</a>
</div>
</div>
<div id="navegacion">
<ul>
</div>
<div id="contenido">
<div id="menu">
<h1>Menú</h1>
<ul>
</div>
<div id="menu1">
<h1>También puedes</h1>
<ul>
</div>
<h1>!!!Es muy grata tu visita¡¡¡</h1>
En esta página encontrarás información de nuestro grupo eclesiástico, nuestra historia,
nuestros miembros y muchas páginas web amigas que puedes visitar en cualquier momento, además
puedes escuchar radio por medio de nuestro enlace al Edén. Asimismo podrás ver televisión
adventista gracias a nuestra red ADvenir y muchas cosas más, quedas cordialmente invitado a
disfrutar de este rinconcito web de nuestra iglesia.</p>
<pre>
<h3>Para Meditar</h3>
</pre>
<cite>"Ahora cuando estamos en los albores de la tierra prometida, es un
gran privilegio encontrarnos con usted a través de este medio de comunicación y
poder compartir experiencias que enriquezcan nuestro transitar por este mundo.
Te damos la bienvenida al portal de la hermosa y querida iglesia de Las Minas de Baruta
y estoy seguro que encontrarás en nuestro sitio, valiosos tesoros que querras conservar
en tu haber.
Que la paz del Señor sea el resultado de tu encuentro con nosotros y que el gozo
de la salvación esté en cada fibra de tu ser.
La razón de nuestro existir es reflejar el caracter de nuestro máximo lider, su
nombre es Cristo Jesús. Te esperamos y compartamos juntos experiencias
vivificantes mientras aguardamos su pronto Regreso."</cite>
<pre>
Con amor cristiano</pre>
<FONT face= Pristina color=#000000 size=4>Pr. Yargel Yepez</p>
<FONT face=times new roman color=#000000 size=4>Pastor de Distrito</p>
=========================================================================</p>
<h4>Esta Página está en Construcción, pronto estará lista</h4>
[contenido no disponible]</p>
</div>
<div id="pie">
<div id="pieuno">
<ul>
</div>
<div id="piedos">Página creada bajo la tutoría de CCTW - By IDVA</div>
<div id="pietres">
<ul>
</div>
</div><div id="curva-inferior"></div>
</div>
</body>
</html>
Los códigos de estilos
* {margin:0px ; padding:0px ; border: 0px}
h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ; text-align: center}
h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center}
body {text-align: center}
#global {width:850px ; margin: 4px auto }
#curva-superior { background-image: url(objetos/curva-superior.gif) ;background-repeat: no-repeat ;width:850px ;height: 12px;overflow : hidden }
#cabecera { background-image:url(objetos/fondito.jpg) ; border-left: black 1px solid ; border-right: black 1px solid ; height:85px}
#logotipo {width:247px; float:left}
#publicidad {width:518px ; float:right ; margin-top:25px}
#navegacion {background-image: url(objetos/fondi.jpg) ; border: black 1px solid ; height:5px}
#navegacion li {float:left ; list-style:none ; margin: 0px 7px 0px 7px }
#navegacion ul { margin-left: 20px }
#contenido {background-image: url(objetos/fondito.jpg) ; border-left: black 1px solid ; border-right: black 1px solid}
#contenido p {margin: 5px 5px 0px 5px; text-indent: 15px}
h4 {font.size: 1.1em; color:red ; font-weight: bold;text-decoration: none ; text-align: center}
#menu {width: 150px ; float:left ;
text-align:left ; margin: 3px 10px 3px 3px ;
background-image: url(objetos/menu-parte-inferior.gif);
background-position: bottom; padding-bottom:5px }
#menu li {list-style:none ; margin: 4px 8px 4px 6px}
#menu h1 { font-size:15px; background-image: url(objetos/menu-parte-superior.gif)}
#menu1 {width: 150px ; float:right ;
text-align:left ; margin: 3px 3px 3px 10px ;
background-image: url(objetos/menu-parte-inferior.gif);
background-position: bottom; padding-bottom:5px }
#menu1 li {list-style:none ; margin: 4px 8px 4px 9px}
#menu1 h1 { font-size:15px; background-image: url(objetos/menu-parte-superior.gif)}
a {color:brown;text-decoration:none ; display: block }
a:link{}
a:visited {}
a:hover{color:red;text-decoration:underline ; background-color: silver}
a:active{}
#pie { background-image: url(objetos/fondito.jpg) ; aling:center;
border-left: black 1px solid ;
border-right: black 1px solid;
border-top: black 1px solid; height: 70px }
#pie li {list-style: none }
#pieuno {float:left;width:150px }
#piedos {float:left;width:398px;font-size:10px}
#pietres { float:right; width:150px }
#curva-inferior { background-image: url(objetos/curva-inferior.gif); background-repeat: no-repeat ;width:850px ;height: 15px;overflow : hidden }
#pie a {color: blue; text-decoration:none ; display: block }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:black ; text-decoration:underline ; background-color: white }
#pie a:active {color:black}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}
He leido algo sobre estilos condicionales en la web, pero se me presentan dificultades para que se vea bien, es decir, coloco que en Internet Explorer se vea una propiedad, y eso ocaciona que los demás navegadores no vean esa propiedad (porque uso el estilo condicional) pero ¿cómo hago para que eso lo vea otro navegador, porque se supone que se lo oculte con el estilo condicional?
Ejemplo, si ves mi web con Internet Explorer, la verás bien, pero si en Mozilla la ves, te darás cuenta que los diferentes menús están muy descuadrados, entonces, cuando se los oculto a los distintos navegadores y solo se los muestro a IE, me doy cuenta que ya no aparecen en Mozilla ni en los otros, (Por supuesto porque se los oculte) pero ¿como hago para que aparezcan pero en esta oportunidad bien cuadraditos, alineaditos y que se vea bien como en IE?
Espero que me ayuden con esto que me tiene ya mareado, y espero que me entiendan porque a veces no me hago entender por escrito.
Gracias por su ayuda amigos, y quedo en espera de sus respuesta.
Bye