Dreamweaver - igualar en los diferentes navegadores

   
Vista:
Imágen de perfil de Miguel

igualar en los diferentes navegadores

Publicado por Miguel (12 intervenciones) el 03/10/2014 00:07:13
Algún alma caritativa sabrá decirme cual es la mejor manera de intentar igualar la visualización de mi página en los diferentes navegadores. He de decir,x si ayuda en algo, que está hecho con tablas. Gracias x las molestias.
La secuencia es Chrome-Firefox (así me gustaría que se viese)-Opera-Safari
chrome
firefox
opera
safari
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de xve

igualar en los diferentes navegadores

Publicado por xve (334 intervenciones) el 03/10/2014 09:10:01
Hola Miguel, entiendo que el problema son las anchuras, verdad?

Con CSS tendrías que poder solucionarlo, ya que si defines los píxeles exactos, todos los navegadores tienes que ajustarse a dicha anchura.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de Miguel

igualar en los diferentes navegadores

Publicado por Miguel (12 intervenciones) el 03/10/2014 16:30:02
Claro, está definido en el css, pero como se ve en las fotos, los resultados son diferentes, es x eso que me extraña que de diferentes resultados dependiendo de cada navegador.

Este es todo el código css3 del formulario.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
.form {
	width:520px;
	height: 510px;
	border: 2px;
	border-style: solid;
	border-color:#CCC;
	padding:15px;
	}
 
.form_text{
	font-size:0.95em;
	}
 
.form tr{
	height: 100px;
	margin-top:0px;
	vertical-align:top;
	}
 
.form td{
	width:200px;
	font-size: 12px;
	}
 
.text_area {
	font-size: 0.9em;
	}
 
#deadline{
	margin-left:0px;
	}
 
#message{
	height: 100px;
	text-align:top;
	}
 
.form tr submit_row{
	height:30px;
	}
 
.form #submit{
	vertical-align: super;
	text-align: center;
	margin-left: 235px;
	}
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de xve

igualar en los diferentes navegadores

Publicado por xve (334 intervenciones) el 03/10/2014 18:28:31
Hola Miguel, solo tienes puestas las anchuras a la clase .form y .form tr, pero no veo la anchura de los input's!!!

define las anchuras de los inputs

Tambien pon a cero todos los valores por defecto de la tabla, ya que por defecto, cada navegador utiliza un formato... hace mucho que no utilizo tablas, pero creo recordar que seria algo así:

1
2
3
4
5
6
table {
border-collapse: collapse;
margin: 0;
padding: 0;
border: 0;
}

Coméntanos, ok?
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de Miguel

igualar en los diferentes navegadores

Publicado por Miguel (12 intervenciones) el 04/10/2014 17:08:36
Es por eso que quería probar a hacerlo con tablas, considero que tengo que seguir aprendiendo mucho y era una excusa (aunque ya no se usan mucho) para probar a hacerlo con tablas.

Poniendo el código que me has pasado ya no rebasa los límites de la tabla. Voy a seguir trasteando a ver si consigo igual un poco las anchuras de las cajas para que quede decente.

Muchas gracias.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar