Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Começei a brincar de tabless hoje... nem sei se tô fazendo certo.
O problema é que meu inicio de layout ta certo no IE e no FF ele disfigura e não faço idéia de como arrumar.
Já tentei colocar clear: both; na minha classe #contextFF mas não melhorou muito.
Além disso, gostaria que me apontassem os meus erros quanto ao padrão tabless.
Valeus!
IE:
FF:
Source:
<!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>Solicitação de Vistoria Prévia</title><link href="solicita_vistoria/estilo.css" rel="stylesheet" type="text/css" /><script src="solicita_vistoria/lib.js" language="JavaScript" type="text/javascript"></script><script>MM_reloadPage(true);</script></head><body><div id="titulo"></div> <!--Titulo da página--><div id="separador"></div> <!--Linha branca de 1px--><div id="context" align="center"> <!--Inicio do conteudo--> <div id="intContext"> <!--Interior do conteudo--> <div id="formField-1" class="formField"> <!--Area de formulario 1--> <div id="cabecalhoFF"> <!--Cabeçalho da area--> <div id="tituloFF">Dados do Solicitante</div> <!--Titulo do formulario 1--> <div id="showModeFF"><img id="mm-ff-1" src="/imagens/btn_minimize.gif" border="0" width="10" height="10" /></div> <!--Botão de esconder/mostrar conteudo do formulario--> </div> <div id="contextFF"><span class="label">Nome:</span></div> <!--Conteudo do formulario--> </div> </div></div></body></html>CSS:body { margin-top: 10px; margin-left: 10px; background-image: url(fundo.jpg);}#titulo { width: 604px; height: 36px; border: 1px solid #000000; padding: 1px 1px 1px 1px; background-color: #FFFFFF; background-position: center; background-image: url(solicita_vistoria_top.jpg); background-repeat: no-repeat;}#separador { width: 608px; height: 1px; overflow: auto; background-color: #FFFFFF;}#context { width: 604px; border: 1px solid #000000; padding: 1px 1px 1px 1px; background-color: #FFFFFF; }#intContext { width: 598px; padding: 3px 3px 3px 3px; background-position: bottom; background-image: url(/imagens/fundo_main.gif); background-repeat: repeat-x;}.formField { border: 1px solid #000000;}#cabecalhoFF { width: 100%; background-repeat: repeat-x; background-image: url(/imagens/fundo_dy_table.gif); border-bottom: 1px solid #000000;}#tituloFF { height: 13px; padding: 4px 4px 5px 4px; float: left; font-family: Tahoma; font-size: 12px; color: #122844; font-weight: bold;}#showModeFF { height: 13px; float: right; padding: 7px 5px 3px 4px;}#contextFF { width: 586px; padding: 5px 5px 5px 5px; background-color: #E5EAEF; border-top: 1px solid #FFFFFF;}.label { color: #816D1F; font-family: Tahoma; font-size: 10px; font-weight: bold; float:left;}
Carregando comentários...
