IE windows – recorte em blocos com margens negativas dentro de containers com ‘hasLayout’

Cabeçalho

Aqui um texto qualquer;
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Aqui um texto qualquer;
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Cabeçalho– hasLayout no IE7 – e a declaração position:relative;

Aqui um texto qualquer;
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Aqui um texto qualquer;
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

código

.testgrid {padding:10px;zoom:1}
#a {border: 2px solid #b00; padding:10px; margin: 0 8% 1em; min-width:200px;}
#a h4 {background: #ccc; padding:.2em .2em .2em 1em; border-left:1em solid #666; margin: .1em 10px 1em -7%;}
#t2 {zoom:1;position:relative;}/* position:relative optional for IE 7 */

#a p {margin: 0 3% 1em;}

Nota

Última modificação: 2006-04-13 03:08:21 GMT.