Compatibilidad en navegadores

Saludos amigos, he estado haciendome una webpage para mi y mis servicios como artsita gráfico, pueden verla aqui www.marvinmuniz.com Tengo un problema con la web que he creado, si entran con el navegador mozilla firefox pueden ver que todo se ve bien pero si entran con el navegador de internet explorer pues el diseño sale un poco desorganizado en la parte de abajo, yo utilizo photoshop y en algunas veces illustrator para crear los diseños y luego con la herramienda de crear slices en photoshop pues corto el JPG y luego voy para la opción save for web y lo grabo en HTML y JPG para luego en dreamweaver editarlo.

Me comentaron que mi problema era a raiz de las tablas pero como las tablas son generadas por el mismo phothsop entonces ¿como puedo evitarlas o como puedo trabajarlas de otra forma? tambien me dijeron que aprendiera css o div y no tablas... pero ¿como puedo usar photoshop para los diseños y luego pasar todo el diseño a css o div si photoshop es el que genera las tablas?

¿de que forma ustedes trabajan los diseños y luego con dreamweaver lo editan todo para que el html funcione online utlizando cualquier navegador y que éste diseño sea compatible con todos los navegadores?


Si tienen manuales o tutoriales que resuelvan mi problema pues estaré muy agradecidos de antemano


Muchas gracias por sus ayudas

Marvin

 

Es cierto que tendrías que maquetar con css. Podés incorporar al css el photoshop, pero viendo tu página, hay montones de cosas que no tendrían sentido hacerlas recortando cada imagen y pasándolo a css, como por ejemplo los fondos o los botones, y hacerlo con css lo haría también más liviano y rápido de cargar, por no hablar de todas las ventajas del css sobre las tablas.
Te recomiendo este tuto: <a href="http://www.tallerwebmaster.com/Tutorial-Maquetacion-de-un-Sitio-Web-con-CSS-1-c-13.html" target="_blank">http://www.tallerwebmaster.com/Tutorial-Ma...CSS-1-c-13.html</a>
Yo aprendí css solo con esto, y luego preguntando lo que no me quedaba claro y buscando en internet por cosas específicas, pero el sitio que enseñan a realizar en este tutorial es bastante parecido al tuyo como para que te des cuenta de cómo funciona.

Igualmente, vas a tener problemas con IE, porque tiene distintos márgenes que el resto de los navegadores, para ello existe un hack pero que no tiene sentido si no usás css. Te dejo un link con la explicación:
<a href="http://foros.cristalab.com/hack-para-firefox-e-ie-t45152/" target="_blank">http://foros.cristalab.com/hack-para-firefox-e-ie-t45152/</a>

 

:clapping: muy buena la respuesta anterior

<_< en lo personal odio eso de los navegadores !!!


Ahorita Firefox 2.x+, Internet Explorer 8 y Safari 3.x+ corren con las mismas caracteristicas, por lo que en esos web browsers no vas a encontrar muchos problemas.

El problema siempre ha sido con IE6 y ni qu decir del IE7 trabajan distinto, pero como mencionan, diseña para firefox y despues creas etiquetas especiales para estos navegadores.


:vale: para nuestros sitios, no podemos dejar fuera a a nadie .

 

La compatibilidad con los navegadores no existe, eso es una forma de pensar inversa.

Lo que existe es un lenguaje HTML y otro CSS, el primero para contener la información del sitio y el otro para darle un diseño acorde.

haora zi llo hescrivo mal

no me van a entender, y bueno lo mismo pasa con HTML y CSS, si escriben mal los navegadores no entienden y se ve todo mal.

Esto a veces pasa por falta de conocimiento del usuario, o pero aun por aprender MAL, y muchas veces se aprende mal por aprender con malas fuentes o malos navegadores o malos softwares.

Al comienzo como que existía solo un navegador y es el pésimo Internet Explorer, un navegador que esta pensado para redes locales y sistemas operativos Windows, y con la malisima forma de actuar de Microsoft de que todo gira alrededor de ellos.

Si utilizan IE para hacer su sitios, van a aprender mal, esto sucede porque IE nos enseña a escribir con "faltas de ortografías" y en un lenguaje que es propio de ellos.

Hoy día existen muchos sistemas operativos, muchos navegadores y muchos dispositivos, no solo veo una web desde un PC, lo veo de un Mac, lo veo de un Televisor, desde un WII, o desde un Móvil, entre otros tantos dispositivos, y obviamente no todos ellos, por suerte, usan IE.

Afortunadamente, ustedes siendo de diferentes países me leen y entienden, esto pasa porque yo hablo su mismo idioma, con las webs pasa lo mismo.

Así como yo hablo su idioma para que me entiendan, yo me hago compatible con ustedes y no ustedes conmigo y un lenguaje inventado

En Internet, quien marca la pautas y formas de HTML y CSS es la W3C, por la sigla World Wide Web Consortium, y es un consorcio de varias empresas y organizaciones que se ponen de acuerdo en que y como es HTML y CSS.

Por eso comencé diciendo que no existe la Compatibilidad con Navegadores, ya que son los navegadores y sus fabricantes los que primero deben respetar las reglas de W3C, para poder ser considerados navegadores para Internet.

Por tanto como IE no respeta esto, no es un navegador para Internet, si no un programa que muestra más o menos páginas web.

Si los navegadores respetan los estándares, y los diseñadores y maquetadores web utilizan un correcto HTML y CSS, los sitios se ven excelente mente bien , ya que el navegador entiende y conoce como representar cada palabra que escribimos.

Por tanto si usamos HTML y CSS, se va a ver bien nuestra web en todo navegador y dispositivo.

Por eso hay que crear sitios con HTML y CSS válido, que para eso están los validadores que la misma W3C nos brinda. De esta forma aprendemos que para hacer algo Rojo, debemos decir Rojo, y no que mañana aparezca alguien que al decirle rojo pinte de amarillo como dice IE

Una cosa si es cierta, son muchos los que aun no se alfabetizan con las nuevas tecnologías y siguen usando IE, y si bien muchos ni saben que eso es un navegador y para que sirve, son bastantes, en ese caso, la solución es hacer todo bien con HTML y CSS válido, con lo cual logramos que los sitios se vean correctos en todos los navegadores, menos en IE.

Luego para IE, hacemos una hoja de estilo diferente, que sobreescriba las cosas que este programita no comprende, ya que casi todos los defectos son conocidos, generalmente se trata de Margenes, Paddings y algún tratamiento de imágenes PNG con transparencia.

 

Hola disculpen todos, no habia podido entrar y trabajar de lleno con lo que me comentan todos ustedes por mi limitado tiempo pero pronto les dejaré mis dudas pero les dejo este mensaje avisandoles que los he podido leer pero no con el debido detenimiento y de una ves darles las gracias, pronto entraré para leerlos con detenimiento y poder decirles mis logros basandome en sus ayudas y aportes