(supongo que con "para que se vea bien en todos los exploradores" quisiste decir "para que se vea bien en todas las resoluciones")
hacer un css para cada resolución sería mucho trabajo, en principio, para algo tan sencillo. Si es una buena idea pensando en dispositivos móviles por ejemplo.
y si, esta bien que lo hagas en px. Una medida standard puede ser 960px si consideras que tu resolución mínima parte de un monitor de 1024px de ancho. O bien puedes hacerlo de 760px si partes de un monitor de 800px de ancho.
Código CSS:
Ver original#contenedor{
width:960px;
margin:0 auto; /*si quieres que se centre horizontalmente*/
}
Bien, esto es una maqueta "fija".
También puedes hacer que tu maqueta sea "líquida" (ej: forosdelweb, wikipedia)
En este caso debes usar la unidad de medida (%) porcentaje en vez de píxel (px)
Código CSS:
Ver original#contenedor{
width:90%;
margin:0 auto; /*si quieres que se centre horizontalmente*/
}
/*luego das width con % también a sus elementos anidados*/
Finalmente están las maquetas "elásticas" que usan como unidad de medida "em", sinceramente nunca las he trabajado.
Pero aquí un artículo sobre el tema. Así que quien lea y quiera compartir un ejemplo será bienvenido.
Saludos.