Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá pessoal!
Continuando meus estudos sobre CSS e sabendo que tem diferenças entre IE e Firefox, gostaria de encontrar um meio termo para a visualização nos dois browsers.
Eis o código que estou fazendo (e novidade, sem olhar em nenhum tutorial, apenas usando o que aprendi, com erros e acertos):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>Estudo de DIVs</title><style type="text/css">#topo1{ width: 220px; height: 100px; float: left; padding-left: 10px;}#menu1{ width: 555px; float: right; height: 30px; margin-top: 70px; background-color: #6B6B2E;}#principaltopo{width: 100%;height: 90px;border-color:#FFCC00;border-bottom-style: double;background-color: #FFFF00;}body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-color: #FFFFCC;}</style></head><body><div id="principaltopo"><div id="topo1">Content for id "topo1" Goes Here</div><div id="menu1">Content for id "menu1" Goes here</div></div></body></html>Vejam nos dois browsers e notem a diferença.
Meu objetivo é solucionar a diferença para um meio termo para visualização tanto no IE como no Firefox que não sejam tão gritantes assim.
Enquanto espero a ajuda de vcs vou tentando aqui, quem sabe posso até acertar errando.
Valeu!!
Carregando comentários...
