width 100% ie

[IsaBelM]

Iniciado por fishdesign

@IsaBelM
Aquí te dejo un ejemplo de un screenshot de un layout que maqueté no hace mucho.
Es IE8 (también he hecho la prueba en Vista de Compatibilidad y se ve exactamente igual) y la imagen de ese mismo screen es cross-browser.

http://i54.tinypic.com/jacqcw.png

El código es tan simple como el efecto que queremos:

Código CSS:

.top{height: 17px; background-color:#5c5c5c;}
 

En mi ejemplo, el html sería:

Código HTML:

<div id="subwrapper">
    <div class="top"></div>
    <div class="bck"></div>
</div>
 

El id "subwrapper" no tiene ninguna propiedad, por lo que el class "top" no está heredando nada.

has hecho trampa se te ha olvidado las propiedades: position, top y left

edito: incluso sabes por que funcionó esto

* {
margin: 0;
padding: 0;
position: relative;
}

html, body {
width: 100%;
}

.tb {
positon: absolute;
top: 0px;
left: 0px;
height: 50px;
background-color: #000;
}

por que no la propiedad position era rechazada ya que no está bien escrita. así que para resumir al final se ha de usar la propiedad width