Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Oi pessoal!!!
Dêem uma olhada nesse esboço que eu fiz...
/applications/core/interface/imageproxy/imageproxy.php?img=http://thiagogiga.atspace.com/site_defeituoso.jpg&key=30594a7def27775408692b2d8194f22f2cd28176619e5f5e0a212c577bf563ed" alt="Imagem Postada" />
Tá bem simples porque é só isso que importa... eu não precisava colocar tudo aqui... coloquei somente as DIVs principais...
Reparem nos espaços que sobram entre a div "espac" e div "entre". Esse espaço não deveria estar aí e só acontece no Internet Explorer. Realizando testes, percebi que deve-se a propriedade "float" das divs col1 e col2.
Segue o código. O que posso fazer para isso não acontecer?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">Detectar erro</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><style type="text/css"><!--#site { background-color: #669999; width: 776px; margin-right: auto; margin-left: auto; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;}#col1 { float: left; background-color: #339966; width: 150px;}#col2 { background-color: #009999; float: right; width: 200px;}#rodape { clear: both; background-color: #00FF00;}#entre { margin-right: 200px; margin-left: 150px; background-color: #99FF66; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;}body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}#espac { color: #FFFFFF; background-color: #FF0000; height: 85px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px;}div { padding-top: 5px; padding-bottom: 5px;}--></style></head><body><div id="site"> <div id="col1">Content for id "col1" Goes Here</div> <div id="col2">Content for id "col2" Goes Here</div> <div id="entre"> <div id="espac">Content for id "espac" Goes Here</div> <p>Content for id "entre" Goes Here</p> </div> <div id="rodape">Content for id "rodape" Goes Here</div></div></body></html>
Carregando comentários...
