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

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

• a container div (.testgrid), um segundo container (#a). div#a tem uma min-width especificada e isto ativa a propriedade ‘hasLayout’ no IE 7 (o uso de zoom:1 simula a mesma situação para o IE 6).
• Os cabeçalhos em div#a foram empurrados para fora, com a aplicação de uma margem negativa. No IE Win, tais cabeçalhos fserão recortados a menos que se dê ’Layout’.

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

• [ La Chatte Noire ] área de desenvolvimento
• [ contact ]
• [ sectionindex ]
• [ Empty Spaces ]