Foros del Web

Foros del Web (http://www.forosdelweb.com/)
-   Diseño web (http://www.forosdelweb.com/f91/)
-   -   problema con firefox e IE7 (http://www.forosdelweb.com/f91/problema-con-firefox-e-ie7-399338/)

rockermendez 03/06/2006 13:35
problema con firefox e IE7
 
Buen dia
Llevo mucho tiempo buscando la razon por la cual las tablas dentro de mi pagina con extension php no se ven de la misma forma que se ven en IE6.

Buscando encontre que es mejor usar Div's, pues lo hice de esa forma reestructure parte de mi pagina php cambiando las td por Div's y no veo ningun cambio, puede decirme a que se deve que en IE6 se vea tal y como se ve en mi Dreamweaver mientras que en FIREFOX y IE7 no se ve igual.

jam1138 03/06/2006 17:17
PHP no tiene nada que ver con cuestiones de presentación y/o diseño; solo entrega código cuyo uso y funcionamiento es totalmente independiente.

El usar DIVs no garantiza una buena presentación por si solo (como magia), solo es una forma de trabajar; se trata de agregar semántica al contenido del archivo, separar presentación y contenido. Los "divs" debes "modificarlos" con CSS...

DreamWeaver genrea código "muy sucio", eso es sabido. Firefox respeta los estándares, IE7 se preocupó más en ese sentido y los respeta un poco más que su antecesor IE6 (aún le falta). IE6 simplemente no los respeta. La razón por la que en los dos navegadores que mencionas no se vea bien tú página es porque en realidad lo que esta mal es el código (HTML) genrado por DW.

Es en ese código final (HTML y CSS) --que no muestras-- en donde debes buscar los errores, no en PHP.

Prueba NVU como editor WYSIWYG, se dice el sí genera un código limpio y basado en estándares, súmale que es libre ;-). Lo mejor sin duda es que aprendas HTML y CSS directamente con código.

Saludos y suerte :adios:
>> Tema movido desde PHP.

rockermendez 05/06/2006 07:58
Te agradesco mucho que me repondieras, ahora estoy descargando el programa y voy a ver si comienzo a trabajar en el pero para un novato como yo sera un poco dificil dejar de usar Dreamweaver, pero poco a poco lo voy hacer.

Gracias por la ayuda

axiertxo 05/06/2006 08:08
Como dice Jam1138, Lo mejor es aprender CSS y HTML "a pelo" porque muchas veces los programas WYSIWYG(what you see is what you get) no siempre cumplen con su cometido y no siempre lo que WHAT YOU SEE es lo que WHAT YOU GET. Yo uso dreanweaver pero al conocer CSS HTML y los estandares web, amoldo el código que genera a mi gusto.

Por lo tanto el consejo que te doy es que sigas usando dreaweaver ya que ayuda mucho en ciertas tareas tediosas pero que intentes aprender CSS y HTML pra "depurar", vamos a decirlo asi, el código generado.

Un saludo

rockermendez 05/06/2006 08:23
Gracias por la ayuda pero tengo una duda

Y es que con Dreamweaver genere mi codigo PHP, me refiero a que utilice las herramientas de dreamweaver de conecciones con la base de datos y las consultas, obviamente el me genero el codigo php pero que pasa si yo copio mi codigo y lo edito por otro lado, seguira funcionando igual?

Gracias

axiertxo 05/06/2006 08:38
Si lo copias y lo editas bien no hay ningun problema, el código te servirá = el único problema que puedes tener es que al cambiar el código de un lugar a otro, si has utilizado URL relativas no te encuentre el servidor o la base de datos o alguna página a la que hagas referencia...:neurotico

rockermendez 06/06/2006 11:05
Este es mi CSS:

Código:
.f_body {
        background-image: url(../img/BODY.gif);
        background-repeat: no-repeat;
        background-position: center top;
}
.f_news {
}
.celda_news {
        background-image: url(../img/barra_2.gif);
        background-repeat: no-repeat;
        background-position: left top;
        background-attachment: fixed;
        font-family: Arial, Helvetica, sans-serif;
        text-transform: uppercase;
        font-size: 14px;
        font-weight: bold;
        font-variant: normal;
        font-style: normal;
        line-height: normal;
        color: #333333;
        text-align: left;
        vertical-align: 8%;
        text-indent: 10px;
        letter-spacing: 1px;
}
.titulos {
        font-family: Tahoma;
        color: #333333;
        font-size: 12px;
        font-weight: bold;
        text-align: left;
        text-transform: uppercase;
}
.contenido {
        font-family: Tahoma;
        color: #333333;
        font-size: 12px;
        font-weight: normal;
        text-align: justify;
        text-indent: 20px;
        padding-top: 0px;
        padding-right: 5px;
        padding-bottom: 0px;
        padding-left: 5px;
}
.cont_up {
        background-image: url(../img/ventana%20contenido/images/contenido_01.jpg);
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-position: bottom;
        color: #FF00FF;
}

.marguen_derecho {
        background-image: url(../img/frame_news/frame_06.jpg);
        background-attachment: fixed;
        background-repeat: no-repeat;
}
.marguen_izquierdo {

        background-image: url(../img/frame_news/frame_04.jpg);
        background-attachment: fixed;
        background-repeat: repeat-y;
}
.cont_down {
        background-image: url(../img/ventana%20contenido/images/contenido_06.jpg);
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-position: top;
        color: #FF00FF;
}
.cont_derecha {
        background-image: url(../img/ventana%20contenido/images/contenido_04.jpg);
        background-attachment: fixed;
        background-repeat: repeat-y;
        background-position: 2px top;
        color: #FF00FF;
}
.cont_izquierda {
        background-image: url(../img/ventana%20contenido/images/contenido_02.jpg);
        background-attachment: fixed;
        background-repeat: repeat-y;
        color: #FF00FF;
        background-position: 1px top;
}
.body_up {
        background-image: url(../img/body/images/BODY_01.jpg);
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-position: center bottom;
        color: #000066;
        font-weight: bold;
}
.body_der {


        background-image: url(../img/body/images/BODY_04.jpg);
        background-repeat: repeat;
        background-position: right center;
        color: #000066;
        font-weight: bold;
}
.body_down {

        background-image: url(../img/body/images/BODY_05.jpg);
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-position: top;
        color: #000066;
        font-weight: bold;
}
.news_up {
        color: #FF9900;
        background-attachment: fixed;
        background-image: url(../img/frame_news/images/news_01.jpg);
        background-repeat: no-repeat;
        background-position: bottom;
        font-family: Tahoma;
        font-size: 11px;
        font-weight: bold;
        text-align: left;
        vertical-align: 1%;
        text-indent: 27px;
}
.news_iz {
        color: #FF6600;
        background-attachment: fixed;
        background-image: url(../img/frame_news/images/news_02.jpg);
        background-repeat: repeat-y;
        background-position: left;
}
.news_der {
        color: #FF6600;
        background-attachment: fixed;
        background-image: url(../img/frame_news/images/news_04.jpg);
        background-repeat: repeat-y;
        background-position: left top;
}
.news_down {
        color: #FF6600;
        background-attachment: fixed;
        background-image: url(../img/frame_news/images/news_05.jpg);
        background-repeat: no-repeat;
        background-position: top;
}
.titulos_conbarra {
        font-family: "Times New Roman", Times, serif;
        color: #333333;
        font-size: 14px;
        font-weight: bold;
        text-align: left;
        background-image: url(../img/barra.gif);
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-position: left top;
        text-indent: 20px;
        vertical-align: 11%;
        letter-spacing: 1px;
}
.body_isq {



        background-image: url(../img/body/images/BODY_02.jpg);
        background-repeat: repeat;
        background-position: left center;
        color: #000066;
        font-weight: bold;
}
.tablas_regitros {
        font-family: Tahoma;
        font-size: 11px;
        color: #666666;
        text-align: justify;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        border-top-style: none;
        border-right-style: none;
        border-bottom-style: none;
        border-left-style: none;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
}

.contenido_news {
        font-family: Tahoma;
        color: #333333;
        font-size: 11px;
        font-weight: normal;
        text-align: justify;
        text-indent: 20px;
        font-style: normal;
        display: table;
        font-variant: normal;
        text-transform: capitalize;
}
.users {
        font-family: Tahoma;
        color: #2A5FAA;
        font-size: 11px;
        font-weight: normal;
        text-align: justify;
        padding-top: 0px;
        padding-right: 5px;
        padding-bottom: 0px;
        padding-left: 5px;
        background-position: left;
        font-style: normal;
        line-height: normal;
}
#form        {
        margin: 0;
        padding: 0;
        color: #CCCCCC;
        background-position: center;
        border: 1px solid #EEEEEE;
}
input        {
        color: #333333;
        font-size: 100%;
        margin: 2px;
        font-family: Tahoma;
        background-position: right;
        border: 1px ridge #CCCCCC;
        padding: 0px;
        background-image: url(../img/barra_2.gif);
}
.subtitulos {
        font-family: Tahoma;
        color: #2A5FAA;
        font-size: 13px;
        font-weight: bold;
        text-align: left;
        text-transform: capitalize;
        text-decoration: underline;
}
.finaltext {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
        font-style: normal;
        font-weight: bold;
        color: #333333;
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-position: center center;
        list-style-image: none;
        list-style-type: none;
        background-image: url(../img/barra grande.gif);
        text-align: center;
        vertical-align: super;
}
textarea, select{
        background-color: #FFFFFF;
        border: 1px solid #888888;
        background-image: url(../img/fondo_celdas.png);
        background-repeat: repeat;
}
.ENCABEZADOS {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
        font-style: normal;
        font-weight: bold;
        color: #333333;
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-position: center center;
        list-style-image: none;
        list-style-type: none;

        background-image: url(../img/barra grande.gif);
        text-align: center;
        vertical-align: super;
        background-image: url(../img/barra_grande.gif);
}.tablas_users {
        font-family: Tahoma;
        font-size: 11px;
        color: #999999;
        border-top-style: none;
        border-right-style: none;
        border-bottom-style: none;
        border-left-style: none;
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-image: url(../img/chess%20login.png);
}
.tablas_registros_2 {
        font-family: Tahoma;
        font-size: 11px;
        color: #666666;
        text-align: justify;
        font-weight: normal;
        font-variant: normal;
        text-transform: capitalize;
        display: table-caption;
        white-space: normal;
        border: 1px none #666666;
        background-image: url(../img/fondo_celdas.png);
}
.area_res {
        background-attachment: fixed;
        background-image: url(../img/perrito.png);
        background-repeat: no-repeat;
        background-position: right bottom;
        font-family: Tahoma;
        font-weight: bold;
        text-transform: capitalize;
        color: #666666;
        font-size: 70%;
        font-variant: normal;
        font-style: normal;
        line-height: normal;
        text-align: left;
        vertical-align: top;
}
Th        {
       
        color: #666666;
        background-position: center;
    text-transform: capitalize;
}

a {
        font-family: Tahoma;
        color:#2A5FAA;
}
a:visited {
        color: #2A00AA;
}
a:hover {
        color: #009FFF;
        font-weight: normal;
}
a:active {
        color: #2A5FAA;
}
.titulo_news {

        font-family: Tahoma;
        color: #333333;
        font-size: 10px;
        font-weight: bold;
        text-align: left;
        font-style: normal;
        display: table;
        font-variant: normal;
        text-transform: uppercase;
}
.titulos_tablas {
        font-family: Tahoma;
        color: #FFFFFF;
        font-size: 11px;
        font-weight: bold;
        text-align: left;
        text-transform: uppercase;
        background-color: #1A3668;
}
.cont_tablas {
        font-family: Tahoma;
        color: #808080;
        font-size: 11px;
        font-weight: normal;
        text-align: left;
        text-transform: capitalize;
        background-color: #EEE6FF;
        border-top-width: 0px;
        border-right-width: 0px;
        border-bottom-width: 0px;
        border-left-width: 0px;
        border-top-style: none;
        border-right-style: none;
        border-bottom-style: none;
        border-left-style: none;
        padding: 1px;
}
.reg_users_chesito {
        font-family: Tahoma;
        color: #2A5FAA;
        font-size: 11px;
        font-weight: normal;
        text-align: justify;
        padding-top: 0px;
        padding-right: 5px;
        padding-bottom: 0px;
        padding-left: 5px;
        background-position: left bottom;
        font-style: normal;
        line-height: normal;
        background-image: url(../img/chess%20login_viewpng.png);
        background-attachment: fixed;
        background-repeat: no-repeat;
}
.botonera {

        background-color: #FFFFFF;
        border: 1px solid #DDDDDD;
        background-image: url(../img/fondo_celdas.png);
        background-repeat: repeat;
}
.ver_mas {

        font-family: Tahoma;
        color: #333333;
        font-size: 10px;
        font-weight: normal;
        text-align: right;
        font-style: italic;
        display: block;
        font-variant: normal;
        text-transform: capitalize;
}
.noticias {
        color: #FF9900;
        font-family: Tahoma;
        font-size: 12px;
        font-weight: bold;
        text-transform: capitalize;
}

rockermendez 06/06/2006 11:08
Y este es mi codigo PHP:
Código PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Index</title>
<link href="../css/original_intersys.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div align="center">
  <table width="693" border="0" cellpadding="0" cellspacing="0">
    <!--DWLayoutTable-->
    <tr>
      <td width="693" height="158" valign="top"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="744" height="188" title="header">
        <param name="movie" value="../flash/header_inicio.swf" />
        <param name="quality" value="high" />
        <embed src="../flash/header_inicio.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="744" height="188"></embed>
      </object></td>
    </tr>
  </table>
</div>
<div align="center">
  <table width="746" border="0" cellpadding="0" cellspacing="0">
    <!--DWLayoutTable-->
    <tr>
      <td height="19" colspan="6" valign="top" class="body_up"><!--DWLayoutEmptyCell-->&nbsp;</td>
    </tr>
    <tr>
      <td width="18" rowspan="3" valign="top" class="body_isq"><!--DWLayoutEmptyCell-->&nbsp;</td>
      <td height="19" colspan="3" valign="top" class="cont_up"><!--DWLayoutEmptyCell-->&nbsp;</td>
      <td width="246" rowspan="3" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
        <!--DWLayoutTable-->
        <tr>
          <td height="19" colspan="3" valign="top" class="news_up"><!--DWLayoutEmptyCell-->&nbsp;</td>
          </tr>
        <tr>
          <td width="23" height="47" valign="top" class="news_iz"><!--DWLayoutEmptyCell-->&nbsp;</td>
            <td width="199" valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>
            <td width="24" valign="top" class="news_der"><!--DWLayoutEmptyCell-->&nbsp;</td>
          </tr>
        <tr>
          <td height="28" colspan="3" valign="top" class="news_down"><!--DWLayoutEmptyCell-->&nbsp;</td>
          </tr>
        <tr>
          <td height="19" colspan="3" valign="top" class="news_up"><!--DWLayoutEmptyCell-->&nbsp;</td>
          </tr>
        <tr>
          <td height="63" valign="top" class="news_iz"><!--DWLayoutEmptyCell-->&nbsp;</td>
            <td valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>
            <td valign="top" class="news_der"><!--DWLayoutEmptyCell-->&nbsp;</td>
          </tr>
        
        <tr>
          <td height="38" colspan="3" valign="top" class="news_down"><!--DWLayoutEmptyCell-->&nbsp;</td>
          </tr>
        
      </table></td>
    <td width="20" rowspan="3" valign="top" class="body_der"><!--DWLayoutEmptyCell-->&nbsp;</td>
    </tr>
    <tr>
      <td width="21" height="169" valign="top" class="cont_izquierda"><!--DWLayoutEmptyCell-->&nbsp;</td>
      <td width="417" valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>
      <td width="24" valign="top" class="cont_derecha"><!--DWLayoutEmptyCell-->&nbsp;</td>
    </tr>
    
    <tr>
      <td height="26" colspan="3" valign="top" class="cont_down"><!--DWLayoutEmptyCell-->&nbsp;</td>
    </tr>
    
    <tr>
      <td height="19" colspan="6" valign="top" class="body_down"><div align="center"></div></td>
    </tr>
  </table>
</div>
<div align="center">
  <table width="747" border="0" cellpadding="0" cellspacing="0">
    <!--DWLayoutTable-->
    <tr>
      <td width="747" height="41" valign="top"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="780" height="52" title="footer">
        <param name="movie" value="../flash/footer_inicio.swf" />
        <param name="quality" value="high" />
        <embed src="../flash/footer_inicio.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="780" height="52"></embed>
      </object></td>
    </tr>
    <tr>
      <td height="39" valign="top" class="ENCABEZADOS">Copyright (c) 2005 </td>
    </tr>
  </table>
</div>
</body>
</html> 
Cosas como estas (<!--DWLayoutEmptyCell-->&nbsp; ) las genera Dreamweaver pero ya las quite y aun asi no jala en firefox ni IE7, pero si en IE6.
Ayudenme para saber en donde radica mi problema

Jorolo 06/06/2006 13:58
Hola rockermendez

1- Tu código php no es php, es xhtml.
2- es mal xhtml, como ya te dijeron Dreamweaver escribe el código mal.
3- Tu codigo es un ejemplo, no tabajo con flash pero me parece que los object están mal.
4-
Cita:
Ayudenme para saber en donde radica mi problema
del punto uno se dedude que no tienes ni idea de lo que estas haciendo. este es tu problema.
5- me gusta tu firma:
http://ferguweb.tx.com.ru/w3/Overview.html
http://www.w3.org/Style/Examples/011/firstcss.es.html

rockermendez 06/06/2006 14:37
jajajajaj.... gracias por tu respuesta!!!!
1. tenes razon no es php, es xhtml
2. ya entendi que con dreamweaver no concigo alcanzar los estandares de W3C
3. voy a revisar los objectcs
4. pues ahi creo que radica mi problema:
yo pense en colocar clases en los css para hacerlo mas facil pero en la planificacion solo verifique en el IE6 y no savia que tenia que probar con otros navegadores, lo que pasa es que estoy confundido pero si tengo mas o menos la idea de lo que hago.
5. que bueno que te guste mi firma "Hitman", se viene la pelicula.

Pero igual ahora como hago para reparar el daño que me ocaciono trabajarlo en dreamweaver. sin necesidad de volver a hacerlo todo.????

Gracias por sus respuestas.....

webosiris 06/06/2006 15:08
Cita:
Iniciado por rockermendez
Pero igual ahora como hago para reparar el daño que me ocaciono trabajarlo en dreamweaver. sin necesidad de volver a hacerlo todo.????
mi recomendación: empezá de nuevo. Estaś usando tablas para maquetar, cosa no está bien ya que no respeta la semántica, y además te permiten poca flexibilización al trabajar en css. No se trata de incluir divs por todos lados.. sino que se trata de usar las cosas para lo que fueron pensadas. Te dejo un breve artículo para que entiendas el concepto.

Otra recomendación: separá AL 100% lo que es estilo y lo que es estructura... aplicá SIEMPRE CSS para el estilo visual, HTML para el marcado semántico. Cosas como width="18" rowspan="3" valign="top"lo único que hacen es complicarte el panorama...

tunait 06/06/2006 16:25
mmmmpst, webosiris, el enlace te quedó raro y no va....

webosiris 06/06/2006 16:32
Cita:
Iniciado por tunait
mmmmpst, webosiris, el enlace te quedó raro y no va....
hola tunait :adios:, gracias por avisar, ya lo arreglé :-)


La zona horaria es GMT -6. Ahora son las 16:30.

Desarrollado por vBulletin® Versión 3.8.7
Derechos de Autor ©2000 - 2026, Jelsoft Enterprises Ltd.