Regresar a la página www.ComoCrearTuWeb.com
Página 1 de 2 12 ÚltimoÚltimo
Resultados 1 al 15 de 19

Tema: Que hago para que la web vea bien en todos los navegadores?

  1. #1
    Me va gustando esto... Habitante
    Fecha de Ingreso
    25 ene, 09
    Mensajes
    66
    Poder de Reputación
    17

    Que hago para que la web vea bien en todos los navegadores?

    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">
    [img]objetos/bienvenida.jpg[/img]
    </a>
    </div>




    </div>
    <div id="navegacion">
    <ul> [*]Inicio [*]Quiénes Somos [*]Nuestra Historia [*]Organización [*]Actividades [*]Contáctenos [*]Foro [*]Recursos [*]Chat [/list]

    </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[/list]
    </div>

    <div id="menu1">

    <h1>También puedes</h1>
    <ul>[*]Pedir un consejo[*]Decir como nos conocistes[*]Contarnos tus inquietudes[/list]
    </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>


    [img]objetos/construcc.jpg[/img]</p>



    </div>



    <div id="pie">
    <div id="pieuno">
    <ul> [*]Enlaces[*]Contactos[*]Pág amigas [/list]
    </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 [/list]
    </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

  2. #2
    Moderador CCTW Habitante Avatar de Yaneth
    Fecha de Ingreso
    27 abr, 07
    Ubicación
    Mèxico
    Mensajes
    10,599
    Poder de Reputación
    72
    hiciste los cambios que te dije?????

    sigue viendose igual????
    ______________________________________

    reparacion de rines


    _____________________________________

  3. #3
    Moderador CCTW Habitante Avatar de Yaneth
    Fecha de Ingreso
    27 abr, 07
    Ubicación
    Mèxico
    Mensajes
    10,599
    Poder de Reputación
    72
    primer fallo

    <div id="logotipo">
    <a href="index.html">
    [img]objetos/bienvenida.jpg[/img]
    </a>
    </div>

    en el css la cabecera mide 85 pixeles de alto
    y tu logotipo mide 130
    las medidas deben ser iguales

    en el css, fijate cuanto mide de altura la div navegacion
    es muy poco para su contenido no crees????

    ahora vamos con los menus

    pusiste eso, pero en el css eso no es valido
    se ponen asi
    /*este es un comentario*/
    el que pusiste tu, es para html, no los confundas!
    ______________________________________

    reparacion de rines


    _____________________________________

  4. #4
    Me va gustando esto... Habitante
    Fecha de Ingreso
    25 ene, 09
    Mensajes
    66
    Poder de Reputación
    17

    Sobre los cambios

    Ahora que recuerdo yo tenía eso cuadrado de esa manera como lo viste, porque me di cuenta que con los valores normales que tenía salía en IE algo descuadrado, tuve que modificarlos de esa manera y ahora si se ve bien en IE, pero ahora se descuadra en Firefox y demás navegadores, es por ello que viste los codigos algo errados, (porque en IE si los ve bien).

    Ahora creo que podre determinar esa hoja de estilos como unica de IE y hacer otra hoja de estilos para los distintos navegadores, esto para que cada quien, (IE-otros) lean la hoja de estilos que les incumbe. Eso lo hare con los estilos condicionales.

    Gracias Yaneth, y si tienes otra sugerencias por favor hazmela.

    Que la pases bien.

    Bye

  5. #5
    Moderador CCTW Habitante Avatar de Yaneth
    Fecha de Ingreso
    27 abr, 07
    Ubicación
    Mèxico
    Mensajes
    10,599
    Poder de Reputación
    72
    mm
    no creo que sea la mejor opcion, pero igual tu decides

    ya hiciste los cambios que te dije
    ??
    ya lo subiste???
    con mis pruebas se miraba bien en opera y en ie
    ______________________________________

    reparacion de rines


    _____________________________________

  6. #6
    Me va gustando esto... Habitante
    Fecha de Ingreso
    25 ene, 09
    Mensajes
    66
    Poder de Reputación
    17

    Hoy lo voy a probar

    Si, esta bien, yo voy a hacer los cambios que me dices en cuanto tenga acceso a los archivos de la web, porque no estoy en casa, estoy en una compu pública por los momentos.

    Yaneth, pero esos son los unicos errores que tiene mi web? cuando la viste en Opera viste que todo estaba ya normal?

  7. #7
    Moderador CCTW Habitante Avatar de Yaneth
    Fecha de Ingreso
    27 abr, 07
    Ubicación
    Mèxico
    Mensajes
    10,599
    Poder de Reputación
    72
    si, yo la vi bien despues de eso

    checalo y nos avisas

    saludos
    ______________________________________

    reparacion de rines


    _____________________________________

  8. #8
    Me va gustando esto... Habitante
    Fecha de Ingreso
    25 ene, 09
    Mensajes
    66
    Poder de Reputación
    17

    Problema casi solucionado

    Yaneth, lo que me dijists si me sirve, es muy notable la diferencia, y en Firefox se ve casi igul, solo hay un problema, y es que el pie de pagina sale desconfigurado,he buscado que problema puede ser el cusane pero aun no lo he encontrado si puedes, e dices cual es el prblema para corregirlo, yo mientras seguire intentando buscarlo solución.

    Gracias Yaneth.

  9. #9
    Esto empieza a ser un vicio... Habitante
    Fecha de Ingreso
    08 dic, 08
    Mensajes
    744
    Poder de Reputación
    20
    Creo que estas algo equivocado.

    El tema no es hacer la web para explorer y luego preocupase de que en el resto de los navegadores se vea bien; el tema es diseñar para firefox, opera... y luego hacer que en explorer se vea bien.

    Firefox, opera...etc, son navegadores que siguen un codigo estandar, todo lo contrario que explorer que pasa de todo y va a su puta bola.

    A partir de la version 7.0 de explorer ya han corregido bastantes errores...

    Asique lo que yo haria si tu web tiene mucho codigo es diseñarla para los navegadores estandars y luego crear una hoja de estilos independiente para explorer 6.0. Y en el html agregarle una sentencia, de tal manera que cuando detecte que el navegador es explorer 6.0 use solo esta hoja de estilos.

    Otro consejo es resetear los navegadores en la hoja de estilos...

    Saludos...

  10. #10
    Moderador CCTW Habitante Avatar de Yaneth
    Fecha de Ingreso
    27 abr, 07
    Ubicación
    Mèxico
    Mensajes
    10,599
    Poder de Reputación
    72
    SUBISTE los cambios??????
    ______________________________________

    reparacion de rines


    _____________________________________

  11. #11
    Me va gustando esto... Habitante
    Fecha de Ingreso
    25 ene, 09
    Mensajes
    66
    Poder de Reputación
    17

    Respuestas

    Para Janeth: Si subi los cambios y si me cuadro la Web con los arreglos que me dijistes, esta mucho mejor, el unico problema es que no logro ubicar en el pie de pagina si tengo algún error, porque es lo único que se ve mal, es por ello que te pedí que me echaras una mano con eso please.
    Gracias por tu ayuda Janeth.


    Para wolfmoon: Por supuesto, tienes toda la razón, si sabia que lo mejor era diseñar en otros navegadores y luego retocar los problemas que me iba a presentar Explorer. Pero lamentablemente me di cuenta de eso no hace mucho, jiji y me dio mucha pereza tener que hacer más trabajo para diseñar todo con otro navegador, pero si tu sabes como puedo rediseñar una Web con otro navegador de una manera rápida, por fis, te agradezco que me lo digas, porque yo no lo se.
    Gracias por ayudarme amigo wolfmoon.

  12. #12
    Moderador CCTW Habitante Avatar de Yaneth
    Fecha de Ingreso
    27 abr, 07
    Ubicación
    Mèxico
    Mensajes
    10,599
    Poder de Reputación
    72
    yo lo veo bien!!!

    solo que no me habia dado cuenta
    en opera no se despliega el menu

    saludos
    ______________________________________

    reparacion de rines


    _____________________________________

  13. #13
    Me va gustando esto... Habitante
    Fecha de Ingreso
    25 ene, 09
    Mensajes
    66
    Poder de Reputación
    17

    No se que pasará

    Huy Janeth, no se que rayos estara pasando entonces, porque yo veo un descuadre en el pie de pag con Mozilla. Pero buen, seguire trabajando buscandole solución.

    Gracias

  14. #14
    Moderador CCTW Habitante Avatar de Yaneth
    Fecha de Ingreso
    27 abr, 07
    Ubicación
    Mèxico
    Mensajes
    10,599
    Poder de Reputación
    72
    mmmmmm
    s que no tengo mozilla

    solo iexplorer y opera

    peeero, igual le doy una checada

    y visita el foro de html-kit entra en el indice de preguntas frecuentes
    ahi està resuelto el tema del desplegable

    saludos
    ______________________________________

    reparacion de rines


    _____________________________________

  15. #15
    Me va gustando esto... Habitante
    Fecha de Ingreso
    25 ene, 09
    Mensajes
    66
    Poder de Reputación
    17

    No encuetro esos codigos

    Hola Yaneth, he estado buscando esos errores, pero ups no encuentro su ubicación, pero tranquis, seguire buscando.

Página 1 de 2 12 ÚltimoÚltimo

Temas Similares

  1. web que se vea bien en todos los navegadores
    Por FLEX99 en el foro Foro General
    Respuestas: 5
    Último Mensaje: 28/03/2009, 15:26
  2. como hacer para ver bien mi web en todos los navegadores¿?
    Por maite__koldo en el foro Foro General
    Respuestas: 6
    Último Mensaje: 03/03/2008, 22:53

Permisos de Publicación

  • No puedes crear nuevos temas
  • No puedes responder temas
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •