Ayuda con maquetacion

[hernansam]

Necesito que me ayuden acabo de terminar el diseño de mi pagina y tengo un gran problema en internet explorer el diseño es un desastre , pero en firefox, opera y safari se ve bien el diseño que puede ser el problema de que se ve mal en intenet explorer.

web www.hernansam.com

[Ziongem]

Sacado del tutorial de XHTML de cafeina.ladybenko.net :

"Un día una amiga me comentó que una compañera suya estaba
haciendo una web, y que “en el Explorer se ve bien y en Firefox
mal”, y me preguntó que a qué podría ser debido. Le di una
respuesta deprisa y corriendo y creo que no me expresé bien, así
que aquí va la full version. La comparto aquí con vosotros porque
seguramente nos esperen muchas más preguntas de este estilo.
La clave para entenderlo bien es darle la vuelta a la tortilla.
La realidad es que en IE se ve “mal”, y en el resto de los navegadores
(no sólo Firefox) se ve “bien”. Pongo “bien” y “mal”
entre comillas, porque son apreciaciones que hacemos los humanos,
subjetivas.
Los navegadores no son adivinos con bolas de cristal que se
conectan a la mente del maquetador web e interpretan su voluntad.
El maquetador tiene que dejar escrito, detalladamente, el contenido
y apariencia de la página web: esto se consigue con los lenguajes
XHTML y CSS.
Estos lenguajes se encuentran bien definidos como estándar
en el WWW Consortium (W3C para los colegas). Este organismo se encarga de describir con precisión cómo deben interpretar el
XHTML y el CSS los navegadores.
Ahora bien, los navegadores no siempre cumplen a pies juntillas
lo que dice elW3C. Es más, cierto navegador1 no hace ni puto caso.
Pongamos un ejemplo ficticio: imaginemos que el Explorer “confunde”
los colores rojo y blanco, y los intercambia, debido a un error
de programación (no entraremos a valorar si por descuido o deliberadamente).
Es decir, que donde pone #fff IE lo interpreta como
#f00, y viceversa. En este ejemplo, supondremos que el resto de
navegadores interpretan los colores correctamente.
¿Qué pasaría si quisiéramos hacer una página web con fondo
blanco? En nuestro código CSS, pondríamos algo así. . .
body { background : #f00 };
. . . que en IE se mostraría blanco. Entonces cuando vamos alegremente
a mirar la web con otros navegadores, vemos que se muestra
de color rojo fosforito. “En Firefox se ve mal”. Pues no. Por mucho
que se empeñe el Explorer en hacer creer a los desarrolladores
web, el número #f00 significa rojo, y prou.
Lo que ha pasado es que una página se ha desarrollado mal
(a menudo inconscientemente) para forzar a que se vea “bien” en
IE. Lo que obtenemos es que en IE la página se visualiza incorrectamente,
pero por casualidades místicas, esa visualización
coincide con los deseos del diseñador.
Un caso real y muy gráfico de cómo IE visualiza mal las páginas
lo podemos encontrar en el Acid Test2. Es un ejemplo de
página web que construye mediante código estándar y válido un
dibujito de una cara sonriente. Según lo bien programado que esté
el navegador, veremos ese dibujo más o menos bien.
Los únicos navegadores “mayoritarios” que lo muestran correctamente
son Safari (Mac), Konqueror (GNU/Linux) y Opera
(multiplataforma). Firefox se queda a medio camino, pero lo de
Internet Explorer clama al cielo.
En resumen, lo más fácil para que una web se vea más o menos
bien en todos los navegadores es hacerla primero para Firefox
o cualquier otro navegador, y luego “apañarla” como buenamente
podamos para Internet Explorer."

Suerte.

Zg

[magodeoz78]

si expones algo de los CSS para analizar podemos encontar las soluciones a tu problema

[hernansam]

tiene un layout la web que es lo que hace el lio, pero me parece que lo voy a tener que sacar , ah otra pregunta porque pasa que cuando veo la pagina en monitores de 15 se ve todo el diseño un desatre y en un monitor de 17 para arriba se ve bien el diseño

aca esta el codigo de el layout que creo que es el que hace el problema

Código HTML:

<style type="text/css">

body{
margin:0;
padding:0;
line-height: 1.5em;
}

b{font-size: 110%;}
em{color: red;}

#maincontainer{
width: 840px; 
margin: 0 auto; 
}

#topsection{
background-image: url(layout/foo.gif);
height: 90px; 
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin-right: 200px;
}

#rightcolumn{
float: left;
width: 200px; 
margin-left: -200px; 
background:#CCCCCC;
}

#footer{
clear: left;
width: 100%;
background: black;
color: #FFF;
text-align: center;
padding: 4px 0;
}

#footer a{
color: #FFFF80;
}

.innertube{
margin: 10px; 
margin-top: 0;
}

</style> 

[josdelaranda]

Hola hernansam, así a primera vista te diré que para evitar problemas con IE nunca le des padding o margin a un elemento que tenga un ancho o un alto denifido (dáselo a algún elemento interno al contenedor para el cual hayas declarado el ancho o alto) con este sencillo consejo te ahorrarás muchos problemas.

[hernansam]

Gracias por el consejo , ahora lo voy a solucionar al problema