Conseguir que la web se vea igual en todos los navegadores

[panaderiaromo]

Hola, acabo de registrarme y creo que este es el sitio adecuado para plantear la duda que tengo, porque veo que hay más gente que le pasa lo mismo. Os pongo aquí mi página para que veais como se ve. En IE se ve todo bien pero en chrome y firefox se ve ladeado a la izquierda y el banner de la cabecera movido también. Es la primera página que hago basandome en el tutorial(está muy bien y muy bien explicado). He conseguido colocar bien el index en chrome pero las demás páginas no; y en firefox ni eso. ¿Qué tengo que hacer? Os agradezco cualquier tipo de ayuda. www.panaderiaromo.com
Os copio aquí el Css.
{margin:0px; padding:0px; border:0px;}
body {background-color:#E6E6FA ; background-image:url(objetos/fondop.jpg); background-repeat:no-repeat; width:800px; height:auto;}
body {text-align:center;}
#global {position:relative; width:800px; margin-left:auto;margin-right:auto;text-align:left;}
#curva-superior {background-image:url(objetos/curva-superior.gif); background-repeat:no-repeat; width:800px; height: 12px; overflow:hidden;}
#cabecera {background-color:yellowgreen; border-left:black 1px solid; border-right:black 1px solid; height:250px;}
#logotipo {width:400px; height:248px; float:left;}
#logotipo a {}
#logotipo a:link
#logotipo a:visited {}
#logotipo a:hover {background-color: white}
#logotipo a:active {}
#publicidad {float:right; margin-top:0px;}
#navegacion {background-color:greenyellow; border: saddlebrown 1px solid; height:25px;}
#navegacion li {float:left; list-style:none; margin:0px 30px 0px 30px; border-left:saddlebrown 1px solid; border-right:saddlebrown 1px solid;}
a {color:saddlebrown; font-size:1.3em; text-decoration:none; display:block;}
a:link{}
a:visited{}
a:hover{color:saddlebrown; text-decoration:underline; background-color: limegreen;}
a:active{background-color:limegreen}
#navegacion ul { margin-left:90px }
#contenido {background-color:wheat; border-left:black 1px solid; border-right:black 1px solid;}
#contenido p {padding:5px 10px 5px 10px; text-indent:15px;}
#contenido a{}
#contenido a:link {}
#contenido a:visited {}
#contenido a:hover {background-color:wheat;}
#contenido a:active {}
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:left;}
#menu {background-color:greenyellow; width:130px; height:130px; float:left; text-align:left; margin:3px 10px 3px 3px;border:saddlebrown 2px solid;}
#menu li {list-style:none; margin:6px 10px 4px 4px;}
a {color:saddlebrown; font-size:1.3em; text-decoration:none; display:block;}
a:link{}
a:visited{}
a:hover{color:saddlebrown; text-decoration:underline;}
a:active{}
#menu h1 {text-decoration:none; font-size:20px; color:saddlebrown;}
#pie {background-color:burlywood; border-top:saddlebrown 1px solid;}
a {color:saddlebrown; font-size:1.3em; text-decoration:none; display:block;}
#pieuno {background-color:burlywood; float:left; width:150px;}
#piedos {background-color:burlywood; float:left; width:498px;}
#pietres {background-color:burlywood; float:left; width:150px;}
#curva-inferior {background-image:url(objetos/curva-inferior.gif); background-repeat: no-repeat ; width:800px ; height: 12px; overflow: hidden;}
p {text-align:justify;}

[manena]

hola primero que todo quiero dar las gracias a Comocreartu web por toda su ayuda, tengo mi hoja y me ha resultado muy eficiente para mi negocio pero tengo el problema que no consigo que se vea bien en todos las navegadores, hice todo lo que sugieren
<link rel="stylesheet" href="reset.css" media="all" />
<link rel="stylesheet" href="estilos.css" media="all" />
<!--[if IE]>
<link rel="STYLESHEET" type="text/css" href="estilos-ie.css" />
<![endif]-->
</head>

pero igual no me funcionan
Por favor si alguien me puede ayudar ya agote todos los medios posibles: http://www.studentsbikes.com/
Gracias

[mike22]

ya cree todos los archivos ie css cual es el siguiente paso los dejo asi y ellos solos hacen su trabajo no se cual es el siguiente paso me pueden ayudar

[Marissa V.]

Saludos a todos!
Actualmente estoy trabajando en lo que es Marketing Online y negocios en Línea, mi Mentor hizo un mini curso enseñando a usar varias herramientas, y entre ellas, como utilizar Internet de manera Profesional para expandir NEGOCIOS en INTERNET fácil y muy eficientemente.

Les dejo el link del mini-entrenamiento.

https://go.gmshub.com/?lid=28&un=andreame


Y espero que les pueda ayudar con sus websites.

[Listyur]

Este hilo está genial, realmente es muy útil, más ahora que todo se maneja desde nuestros smartphones y tablets :)

[serbioak47]

Yo hace tiempo que no tengo problemas de este tipo con ninguna web, creo que los navegadores se han puesto las pilas con este tema y hace tiempo que no aprecio diferencias entre los de "marca" ( Firefox, Chrome, Edge o Internet Explorer ) y otros menos conocidos.

Por cierto, es mi primer mensaje, encantado de haber descubierto esta web, creo que es realmente util.

[Melina]

Como extra hay una página que se llama browsershots.org que permite ejecutar la web en varios navegadores sin tenerlos, siempre luego de desarrollar pruebo como mínimo para comprobar que pasa en los distintos navegadores de los SO.

[Isabeljimenez]

Muchas gracias Melina por tu web, he leído atentamente y con gran interés el hilo entero ya que tengo la necesidad de cambiar varias cosas en mi web. La verdad que llevo tiempo buscando que mi web encaje igual en todos los buscadores, ahora con tu ayuda puedo comprobarlo sin tener que descargar todo.

De todos modos, me esta costando bastantes tutoriales de youtube (de momento sin éxito) que mi web se vea como quiero en Firefox e Internet, alguien me podría echar una mano?

http://diseñosdeuñasweb.com

Muchas gracias de antemano, un saludo a todos

[Manu CidLanzarote]

Hola amigos.
Por actualizar el tema copio y pego el código que utilizo a fecha de hoy, sacado de meyerbeb.com
Espero que os sea útil:

/* INICIO RESET CSS */
/* http://meyerweb.com/eric/tools/css/reset/
* v2.0b1 | 201101
* NOTE: WORK IN PROGRESS
* USE WITH CAUTION AND TEST WITH ABANDON */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}

/* remember to define visible focus styles!
:focus {
outline: ?????;
} */

/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}

table {
border-collapse: collapse;
border-spacing: 0;
}
/* FINAL RESET CSS */

Un saludo¡

[Hugo Erazo]

Buenos dias a Todos ....
No tengo mucha experiencia en la programacion html y CSS ... me disculpan la pregunta.
Tengo un Texto dentro de una celda en una tabla ... si la pantalla esta maximizada se ve perfecto, en el punto donde la coloque. Pero al reducir la pantalla el texto me aparece en otro sitio ... se me descuadra mi web
Como lo puedo solucionar ?? que permanezca siempre en el mismo punto sin importar la resolucion de la pantalla

De antemano muchas gracias por toda su ayuda .... estoy sacandome un ojo con esto ... jejeje

[creador]

Buenas a todos! Yo hace tiempo que dejé de comprobarlo ya en los navegadores IE más antiguos... Durante tantos años comprobando que al final le cogí manía. Me centro normalmente en Chrome y Safari.

[ezegrana04]

Omega 3 en las semillas de chia:

¿Conoces las ventajas de las semillas de chía para la salud? Semejantes substancias proceden de una planta llamada Salvia hispánica que es endémica de México y Guatemala. Estas semillas, que ahora están tan de tendencia, ya formaban una parte de la dieta de mayas y aztecas hace miles y miles de años.

Beneficios de las semillas de chía

Es un comestible fácil de incluir en nuestra nutrición y que cuenta con abundantes beneficios. Aunque no es el milagro que muchos creen, sí que aporta ventajas a nuestra salud.

¿Cuáles son las ventajas de las semillas de chía?
El hecho de que se puedan cocinar de múltiples formas unido al sabroso sabor que tienen hace que las semillas de chía sean simples de incluir en muchos platos. Con esto, y con las ventajas que aporta a la salud, se han transformado en un comestible bastante demandado.

Contiene ácidos grasos Omega tres.
Su consumo nos ayuda a sostener hidratado el organismo.
Favorece la resistencia del sistema inmunológico.
Fortalece a las células.
Regulan la sensación de apetito.
Tiene gran cantidad de fibra.
Contribuye a frenar el proceso de oxidación celular.
Patrañas sobre las semillas de chía
En los últimos tiempos se ha venido usando y dando más verosimilitud a este comestible del que verdaderamente tiene. Es esencial que ya antes de confiar en cualquier cuento que escuchemos, lleguemos en el fondo del tema. Por poner un ejemplo, de las semillas de chía se ha contado que tienen la capacidad de eliminar el cáncer de los organismos o bien aun de reducir la grasa y acrecentar el volumen de los músculos. Solo los tratamientos médicos nos van a llevar a una completa sanación y solo los regímenes (bajo vigilancia médica) y el deporte nos van a dar el cuerpo escultural que queremos.

Por otro lado, el consumo en demasía de chía, como de cualquier otro comestible, puede derivar en inconvenientes. La máxima ‘todo, mas sin excesos’ se hace más que válida en un caso así. Un empleo exagerado de las semillas de chía puede derivar en reducción de minerales del organismo, distensión abdominal y otros malestares gastrointestinales. Además de esto, la chía tiene una esencial concentración de calorías, conque si ingerimos cien gramos vamos a estar aumentado nuestra kcal. en torno a quinientos kcal.

Por todo ello, es esencial tomar las semillas de chía con calma, sin excesos. Mas tampoco con miedo. Sencillamente debemos incluirlo en el alimento con plena naturalidad y sin forzar la salud

[Manuels]

Lo ideal es usar un Theme resposive o un código depurado para adaptarse a todas las pantallas/navegadores y olvidarte un poco de "la perfección". Porque intentar a día de hoy que una web se vea igual en todos sitios va a resultar muy difícil.
Un ejemplo de web responsive es esta de un supermercado ecológico. No es gran cosa, pero se ve más menos bien en todos los dispositivos.

[Robert753]

gracias por el aporte, es bastante interesante.

[noeliaocon]

He probado varias cosas y no se que puede ser https://www.estrategiapractica.com/a...-seo-alicante/