03-jun-2006, 13:35
|
#1 (permalink) |
 
Fecha de Ingreso: enero-2006
Ubicación: Guatemala
Mensajes: 120
|
problema con firefox e IE7
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.
__________________
Solamente quiero aprender, ayudenme!... |
|
|
|
03-jun-2006, 17:17
|
#2 (permalink) |
|
/** @package Moderador */
 
Fecha de Ingreso: julio-2004
Ubicación: sèveR led onieR lE
Mensajes: 8.145
|
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  >> Tema movido desde PHP.
__________________
Cuando empiezo a estar de acuerdo con todos los demás, empiezo a sospechar que estoy equivocado... |
|
|
|
|
05-jun-2006, 07:58
|
#3 (permalink) |
|
Fecha de Ingreso: enero-2006
Ubicación: Guatemala
Mensajes: 120
|
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
__________________
Solamente quiero aprender, ayudenme!... |
|
|
|
|
05-jun-2006, 08:08
|
#4 (permalink) |
Fecha de Ingreso: octubre-2005
Ubicación: España
Mensajes: 389
|
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
__________________
El mundo exige resultados. No le cuentes a otros tus dolores del parto. Muéstrales al niño. |
|
|
|
|
05-jun-2006, 08:23
|
#5 (permalink) |
|
Fecha de Ingreso: enero-2006
Ubicación: Guatemala
Mensajes: 120
|
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
__________________
Solamente quiero aprender, ayudenme!... |
|
|
|
|
05-jun-2006, 08:38
|
#6 (permalink) |
|
Fecha de Ingreso: octubre-2005
Ubicación: España
Mensajes: 389
|
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...
__________________
El mundo exige resultados. No le cuentes a otros tus dolores del parto. Muéstrales al niño. |
|
|
|
|
06-jun-2006, 11:05
|
#7 (permalink) |
|
Fecha de Ingreso: enero-2006
Ubicación: Guatemala
Mensajes: 120
|
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;
}
__________________
Solamente quiero aprender, ayudenme!... |
|
|
|
|
06-jun-2006, 11:08
|
#8 (permalink) |
|
Fecha de Ingreso: enero-2006
Ubicación: Guatemala
Mensajes: 120
|
Y este es mi codigo PHP:
Código PHP:
Ayudenme para saber en donde radica mi problema
__________________
Solamente quiero aprender, ayudenme!... |
|
|
|
|
06-jun-2006, 13:58
|
#9 (permalink) |
|
Fecha de Ingreso: octubre-2005
Mensajes: 536
|
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:
del punto uno se dedude que no tienes ni idea de lo que estas haciendo. este es tu problema.Ayudenme para saber en donde radica mi problema
5- me gusta tu firma: http://ferguweb.tx.com.ru/w3/Overview.html http://www.w3.org/Style/Examples/011/firstcss.es.html |
|
|
|
|
06-jun-2006, 14:37
|
#10 (permalink) |
|
Fecha de Ingreso: enero-2006
Ubicación: Guatemala
Mensajes: 120
|
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.....
__________________
Solamente quiero aprender, ayudenme!... |
|
|
|
|
06-jun-2006, 15:08
|
#11 (permalink) |
|
Moderador HTML y CSS
 
Fecha de Ingreso: noviembre-2002
Ubicación: /home/montevideo
Mensajes: 6.211
 |
Cita:
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.
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.????
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...
__________________
Oraculus.com. Sitios web artesanales para el siglo XXI PSD a HTML. Tu diseño. Nuestro código. Última edición por webosiris; 06-jun-2006 a las 16:31. |
|
|
|
Mode Lineal
