CSS + IE ¿amor platonico?

Buenas! vereis, tengo un "pequeño" problema con IE6, y me gustaria saber si habria alguna forma de solucionarlo. Hablando en plata podría decir que simplemente se pasa el css por el forro, pero quedaría mal :p asi que os dejo unos screenshots ( y mas abajo el codigo).

Con firefox :) :
[contenido no disponible]



Con IE6 :( :
[contenido no disponible]


Aquí os dejo los codigos en cuestion, el invento está implementado con clases.

/* CSS */
@charset "utf-8";
._mainbody_top_left {
	background-attachment: scroll;
	background-image: url(img/top_left_border.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
._mainbody_bottom_border {
	background-attachment: scroll;
	background-image: url(img/side_bottom_boerder.jpg);
	background-position: center top;
	background-repeat: repeat-x;
}
._mainbody_body {
	background-attachment: scroll;
	background-image: url(img/center_back.jpg);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	text-indent: 10px;
	font-size: small;
}
._mainbody_bottom_left {
	background-attachment: scroll;
	background-image: url(img/bottom_left_border.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

._mainbody_top_center {
	background-attachment: scroll;
	background-image: url(img/side_top_border.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;
}
._mainbody_top_right {
	background-attachment: scroll;
	background-image: url(img/top_right_border.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
._mainbody_side_left {
	background-attachment: scroll;
	background-image: url(img/side_left_border.jpg);
	background-repeat: repeat-y;
	background-position: right center;
}
._mainbody_side_right {
	background-attachment: scroll;
	background-image: url(img/side_right_border.jpg);
	background-repeat: repeat-y;
	background-position: left center;
}
._mainbody_bottom_right {
	background-attachment: scroll;
	background-image: url(img/bottom_right_border.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

<table width="88%" height="335" border="0" cellpadding="0" cellspacing="0" CLASS = "_mainbody">
  <tr>
    <td width="4%" height="23" nowrap="nowrap" CLASS = "_mainbody_top_left"> <pre></pre></td>
    <td width="92%" CLASS = "_mainbody_top_center"></td>
    <td width="4%" CLASS = "_mainbody_top_right"></td>
  </tr>
  <tr>
    <td width="4%" height="210" nowrap="nowrap" CLASS = "_mainbody_side_left"> <pre></pre></td>
    <td class="_mainbody_body">Hola amigos de CCTW!</td>
    <td class="_mainbody_side_right"> </td>
  </tr>
  <tr>
    <td height="22" nowrap="nowrap" class="_mainbody_bottom_left"> <pre></pre></td>
    <td CLASS = "_mainbody_bottom_border"> </td>
    <td CLASS = "_mainbody_bottom_right"> </td>
  </tr>
</table>
<table width="90%" border="0" cellspacing="3" cellpadding="3">
  <tr>
    <td></td>
  </tr>
</table>

Leñe, no me he equivocado copiando las direcciones de las imagenes, lo siento, aquí os las dejo:

Bien
http://imagesjack.us/picture.php?p=72da4da1d1.jpg

Mal
http://imagesjack.us/picture.php?p=b0a7e54b04.jpg

No escribir CSS perfectamente no ocasiona que la web no se vea en ningún navegador, pero si puede hacer que no se vea en algun navegador concreto. Por esa razón, procura simpre cumplir las normas de sintaxis de css y de html.

Aunque no tenga nada que ver con tu fallo, pon siempre las unidades en las medidas de anchura, altura, bordes, etc, etc.

Procura poner todo lo que puedas dentro de la hoja de estilo (para eso está) y dejar mas libre el html

Por si si o por si no (quizás tu fallo se deba a esto por lo que te comenté al principio de este mensaje) elimina el guion bajo al principio de los nombres de estilo. Normalmente, a no ser que lo hagas a proposito para evitar que el estilo sea interpretado por algun navegador en concreto.. usa solo guiones medios para sapara las palabras de un nombre de estilo.
._mainbody_bottom_border { MAL
.mainbody-bottom-border { BIEN

Prueba con eso (especialmente lo ultimo) y nos dices resultados, oki?

Un saludo!

bueno pues os comento, el experimento ha ido bien y ya se ve como debiera en ie.

Lo que no te puedo decir es cual de los 2 metodos ha funcionado, ya que en un arranque de luminosidad mental no se me ocurrió cambiar primero una cosa y ver, y luego cambiar otra y ver xD

Pero hasta donde me he podido fijar el css ya lo tenia especificado en pixels, no así el html.

Pero bueno, que como me has dicho funciona, muchisimas gracias!

jo, con lo que me gustan las _ :( xD

Perdon por el flood pero no puedo editar :(

El caso es que a cada paso que doy me topo con el hijo de bill gates y no me gusta nada.

Esta vez se trata del div de fondo del logo. Tiene de fondo una gradiente que se repite horizontalmente, el div tiene un ancho del 100% y en firefox va perfecto, en ie no llega al final por la derecha. No hay barras bajas ni unidades que matizar... incluso he definido (por si acaso) el width al 100% dentro del html y como ultima medida le he añadido min-width 100%, pero ni con esas. En el codigo no veo nada raro...

.rellenar-logo {
	background-attachment: scroll;
	background-image: url(img/header_fill.jpg);
	background-repeat: repeat-x;
	min-width: 100%;
}

El 100% no lo leen igual todos, creo. Mira a ver con un 99% y nos dices como queda.

Por otro lado, si tienes una fila con tres celdas, es mejor no darle porcentajes a todas ellas. Deja alguna de ellas fija (definiendole un ancho concreto) o definele que ocupe el "resto" del hueco así:
.loquesea {width: auto} (en la hoja de estilo)

Aunque te parezca exagerado, copia y pega como antes los codigos de tu página (después de probar lo que te comento) y lo arreglamos rápido, oki?

Un saludo!

Estoy un poco liado q tengo mañana un examen, entre otros temas de 2 lenguajes de ensamblador distintos (casi nada...) asi que no me extenderé mucho.

El resultado de 99% es el mismo en el firefox (no he notado diferencia con 100% supogno que será infina), sin embargo en mi amado ie ( :roll: ) el 99% es mas corto que el 100% x lo que estoy como estaba :?

Comentar también que no es cosa de las celdas, ya que para el logo ahora estoy usando un 2 divs (uno para el logo y otro para el fondo). El del fondo es el k deberia ocupar el 100%, y el del logo va encima.

Por ultimo, comentar que aun no he hecho las pruebas de cambiar el codiga para ver como se había arreglado.