Configuración html: visualización para todos los navegadores

Bueno, leí el post de Foley sobre cómo hacer para que mi web se vea bien en todos los navegadores, lo estoy inentando ejecutar y me surgieron algunas dudas:

1) Una vez puesto los enlazados a las distintas hojas de estilo para los distintos navegadores, ¿Cómo sé a que hoja de estilo corresponde el preview de HTML-Kit? Por ahora mi "preview" corresponde a mi hoja de IE, pero eso puede ser porque esa fue la primera en ser creada y enlazada con el index.
2) ¿Cúanto tarda, una vez que subo los datos de mi web a internet, en ocurrir las modificaciones que apliqué?
3) ¿El tamaño de mi monitor tiene que ver con cómo se ve la disposición de mi web? Es decir, ¿alguien con un monitor más pequeño o más grande la va a ver de manera distinta? En caso afirmativo ¿Cómo evito ésto?

Por ahora eso, creo que tenía otra duda pero por ahora no me acuerdo.
Desde ya muchas gracias,
Kiwi =)

Hola Kiwi

Intentaré responderte a todo:

:arrow: En cuanto al preview del html kit me imagino que te refieres al que se ve directamente en programa no? Pues va a leer ahora la hoja de estilos que usan todos los navegadores en tu web salvo ie. Te pongo un ejemplo de código:

<link rel="stylesheet" href="css/reset.css" media="all" />
<link rel="stylesheet" href="css/base.css" media="all" />
   <!--[if lte IE 6]>
   <link rel="STYLESHEET" type="text/css" href="css/fix-ie6.css" />
   <![endif]-->	
   <!--[if gte IE 7]>
   <link rel="STYLESHEET" type="text/css" href="css/estilos-ie.css" />
   <![endif]-->

En ese código, me imagino que html kit leerá el reset.css y el base.css (la hoja general para todos los navegadores salvo ie).

Luego si en el html kit le das a ver en un navegador pues se abrirá el navegador y ahí ya dependiendo el navegador que sea, se usará una u otra hoja de estilos.

Para saber qué hoja usa, podrías hacer algún cambio "radical" en una de las hojas, por ejemplo poner anchura de 600 px a una capa que tenga 800px y ver si afecta o no en el preview del html kit. Si no afecta, obviamente no la está leyendo ;)

:arrow: Tiene que ser instantáneo, si subes archivos, tienes que verlos al instante, como mucho tardará 3 s por ser un servidor de eeuu pero nada más.

:arrow: En realidad sí. Si tienes una web con una anchura de 800px y se conecta una persona con un monitor de 17 pulgadas, verá algo de margen a los lados pero quedará bien. En cambio si se conecta uno de 19 pulgadas de monitor, verá aún más margen, quizás demasiado ya, por eso actualmente se recomienda hacer las webs a 950px o incluso 1000px de ancho para así dejar un mínimo de ancho para los de 17 pulgadas (la mayoría) y un más para los de 19.
Tampoco te líes mucho con esto, hay gente con monitores gigantes y es normal que vean pequeñas las webs pero eso les pasará en casi todas. De todas formas en su teclado si le dan al ctrl y +, pueden dar zoom y aumentar el tamaño de la web como si ésta tuviera más anchura, yo a veces lo hago.

Una solución más complicada sería hacer un diseño fluido que se adapte a todas las pantallas, eso lo explican bien aquí http://www.desarrolloweb.com/articulos/2112.php (a dos columnas) y aquí a tres columnas: http://www.desarrolloweb.com/articulos/2160.php

Saludos

¡Muchas gracias por la respuesta veloz!

Bueno, en cuanto a la pregunta 1 me hiciste estar seguro de lo que pensaba. (Había probado hacer un cambio drástico, pero quería estar seguro y saber el porqué de la hoja de estilos que elije). ¡Muchas gracias!
En cuanto a la pregunta 2 no me había dado cuenta porque al hacer click en el nombre de mi web para que se sombree de azul y así poder apretar enter y que se vuelva a cambiar no ocurrían cambios, pero me di cuenta de que con apretar f5 los cambios se efectuan de manera inmediata.
En cuanto a la 3 mi problema es que no son unos pocos con monitores extraños los que ven mi web. Básicamente 50% de mis amigos la ven corrido o con algún problema. Recién hice lo que tu post decía y logré que se vea bien (en mi computadora) tanto en Firefox como en IE. Pero después voy a la notebook de mi hermano (con una pantalla un tanto menor) y mi web se ve mal en ambas páginas (IE Y MF). Yo puse 800pixeles como ancho total con la línea de código que te dan en el tutorial de CCTW, y no me molestaría que sea vea un poco menor en alguna página que en otras, pero me gustaría que no apareza texto sobre los enlaces o los enlaces movidos demasiado hacia la derecha (o cualquier otra dirección).

Bueno, ese es mi problema, mi web es http://www.i-kiwi.com.ar
¿Vos cómo la ves?

PD: Vi los links que me pasaste, pero creo que mi problema es distinto, porque mis imágenes y textos se chocan entre ellos dependiendo el monitor, pero no me importaría que sobrara mucho espacio a los costados para algunos. (Puedo estar equivocado, en ese caso voy a probar lo de éste link)

Yo la veo bien, es que tu web es sencillita, debería verse siempre bien :)

Lo único que veo raro es el div texto que se pone encima del logo de youtube aunque yo diría que eso es cosa de la visualización pero en internet explorer se ve también así solo que con distinto ancho del div parece.

Te muestro dos capturas:

Mozilla: http://img245.imageshack.us/img245/7820/capturamozilla.jpg

IE7: http://img185.imageshack.us/img185/1840/capturaie7.jpg

Podrías mostrarme alguna captura de cómo lo ven amigos tuyos? Si no es mucha molestia claro.

Así es cómo las veo yo en mis navegadores (y así es como quiero que se vean):
-IE
[contenido no disponible]
-Firefox
[contenido no disponible]

Y así es cómo la ven mis amigos/mi hermano en su notebook:
-IE
[contenido no disponible]
-Firefox
URL=http://img203.imageshack.us/i/notebookimamf.jpg/][contenido no disponible]

Como se puede apreciar, en las imágenes de notebook tanto "Google" como el texto están corrdios (además de pequeñeces que no molestan).

Acabo de mirar el head de tu web y tienes esto:

<link rel="stylesheet" href="reset.css" media="all" />
<link rel="stylesheet" href="estilo-index-ie.css" type="text/css">
<link rel="stylesheet" href="estilo-index.css" type="text/css">

Por qué cargas la hoja de estilos de ie si luego la cargas con el condicional if para que así solo se use cuando el navegador es ie? Prueba dejándolo así:

<link rel="stylesheet" href="reset.css" media="all" />
<link rel="stylesheet" href="estilo-index.css" type="text/css">

Me parece extraño que tu web se vea tan diferente según en qué pc. Haber si damos con el problema.

Saludos

Hecho, me fijé en la notebook de mi hermano una vez que realizé el cambio pero se sigue viendo como en las screenshots anteriores. :s

Pues la verdad no sé qué ocurre para que en diferentes ordenadores usando el mismo navegador se vea diferente, no lo entiendo.

Creo que no te puedo seguir ayudando, lo siento :cry:

Bueno, igual muchas gracias por intentarlo. =)

Voy a ver si puedo implementar eso del "Diseño Fluido", tal vez lo solucione.