Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Estou fazendo novas etapas de um sistema que já utilizava table para alinhar os forms e tudo o mais.
Agora tenho visto que, quando crio um table com certo id, que tem o estilo para bordas e etc, a borda lateral direita não aparece no IE
Dei uma lida sobre os box models, mas não to assumindo width as tables então não creio que seja isso...
Alguma ideia?
Parece que encontrei a solução.
Lendo esses testes passei a usar o Doctype assim:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="pt-br" >E sem nenhuma declaração meta. Nos testes do site, seria a 3ª linha 3ª coluna.
Parece ter funcionado corretamente, ainda tenho que testar outros IE.
Só usam IE aqui.
Parou de dar problema porque a declaração do DOCTYPE está incorreta. Falta o endereço para o DTD. Então é como se não houvesse DOCTYPE.
Definitivamente, quando uma página funciona SEM DOCTYPE a culpa é SUA. ;)
Se você tivesse lido este tópico, estaria muito próximo de sanar o problema, ou provavelmente já teria tido alguma resposta de algum membro.
Se a culpa é minha então vai ter que deixar de ser...
Li o tópico e realmente teria me poupado o trabalho de ter pesquisado tudo aquilo via google.
Então segui as dicas:
Validei o HTML
Validei o CSS (são 5 arquivos, validei 1 por 1 separado e depois todos juntos)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html lang="pt-br">
<head>
<title> SCO ACPO </title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="../reset.css" rel="stylesheet" type="text/css">
<link href="../estilo_sistema.css" rel="stylesheet" type="text/css">
<link href="../estilo_sistema2.css" rel="stylesheet" type="text/css">
<link href="../estilo.css" rel="stylesheet" type="text/css">
<link href="../estiloTabelas.css" rel="stylesheet" type="text/css">
<script src="../scripts.js" type="text/javascript"></script>
<script src="../comb.js" type="text/javascript"></script>
<script src="../valida_comb.js" type="text/javascript"></script>
<script src="../ajax_calc_litros.js" type="text/javascript"></script>
<script src="../ajax.js" type="text/javascript"></script>
<script src="../ajax_custos.js" type="text/javascript"></script>
<script src="../custos.js" type="text/javascript"></script>
<script src="../ajax_calcula.js" type="text/javascript"></script>
<script src="../verifica.js" type="text/javascript"></script>
</head>
<body>
<div class="center">
<br>
<form action='' method='post' name='form_ag'>
<table id='tab_custo' style="width: 60%;">
<tr>
<th colspan='2'>Selecionar período para visualização</th>
</tr>
<tr>
<td class="center">
<label for="de_dia"> De: </label> <select name=de_dia id=de_dia>
<option value=0> Dia </option><option value=01> 01 </option><option value=02> 02 </option><option value=03> 03 </option><option value=04> 04 </option>
<option value=05> 05 </option><option value=06> 06 </option><option value=07> 07 </option><option value=08> 08 </option><option value=09> 09 </option>
<option value=10> 10 </option><option value=11> 11 </option><option value=12> 12 </option><option value=13> 13 </option><option value=14> 14 </option>
<option value=15> 15 </option><option value=16> 16 </option><option value=17> 17 </option><option value=18> 18 </option><option value=19> 19 </option>
<option value=20> 20 </option><option value=21> 21 </option><option value=22> 22 </option><option value=23> 23 </option><option value=24> 24 </option>
<option value=25> 25 </option><option value=26> 26 </option><option value=27> 27 </option><option value=28> 28 </option><option value=29> 29 </option>
<option value=30> 30 </option><option value=31> 31 </option>
</select>
<select name=de_mes id=de_mes><option value=0> Mês </option>
<option value=01> 01 </option><option value=02> 02 </option><option value=03> 03 </option><option value=04> 04 </option><option value=05> 05 </option>
<option value=06> 06 </option><option value=07> 07 </option><option value=08> 08 </option><option value=09> 09 </option><option value=10> 10 </option>
<option value=11> 11 </option><option value=12> 12 </option></select><select name=de_ano id=de_ano><option value=0> Ano </option>
<option value=2016> 2016 </option><option value=2015> 2015 </option><option value=2014> 2014 </option><option value=2013> 2013 </option>
<option value=2012> 2012 </option><option value=2011> 2011 </option><option value=2010> 2010 </option><option value=2009> 2009 </option>
<option value=2008> 2008 </option><option value=2007> 2007 </option>
</select>
<label for="ate_dia"> Até: </label>
<select name=ate_dia id=ate_dia><option value=0> Dia </option><option value=01> 01 </option>
<option value=02> 02 </option><option value=03> 03 </option><option value=04> 04 </option><option value=05> 05 </option><option value=06> 06 </option>
<option value=07> 07 </option><option value=08> 08 </option><option value=09> 09 </option><option value=10> 10 </option><option value=11> 11 </option>
<option value=12> 12 </option><option value=13> 13 </option><option value=14> 14 </option><option value=15> 15 </option><option value=16> 16 </option>
<option value=17> 17 </option><option value=18> 18 </option><option value=19> 19 </option><option value=20> 20 </option><option value=21> 21 </option>
<option value=22> 22 </option><option value=23> 23 </option><option value=24> 24 </option><option value=25> 25 </option><option value=26> 26 </option>
<option value=27> 27 </option><option value=28> 28 </option><option value=29> 29 </option><option value=30> 30 </option><option value=31> 31 </option>
</select>
<select name=ate_mes id=ate_mes><option value=0> Mês </option><option value=01> 01 </option><option value=02> 02 </option><option value=03> 03 </option>
<option value=04> 04 </option><option value=05> 05 </option><option value=06> 06 </option><option value=07> 07 </option><option value=08> 08 </option>
<option value=09> 09 </option><option value=10> 10 </option><option value=11> 11 </option><option value=12> 12 </option>
</select>
<select name=ate_ano id=ate_ano><option value=0> Ano </option><option value=2016> 2016 </option><option value=2015> 2015 </option>
<option value=2014> 2014 </option><option value=2013> 2013 </option><option value=2012> 2012 </option><option value=2011> 2011 </option>
<option value=2010> 2010 </option><option value=2009> 2009 </option><option value=2008> 2008 </option><option value=2007> 2007 </option></select>
</td>
</tr>
<tr>
<td class="center"><br><input name='submit' type='submit' value=' Buscar ' class='botao'></td>
</tr>
<tr>
<td class="center"><br></td>
</tr>
</table>
</form>
</div>
</body>
</html>Fotos:
Como fica do jeito que está com doctype =
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
/applications/core/interface/imageproxy/imageproxy.php?img=http://a.imageshack.us/img836/7462/errosdoctype.th.jpg&key=c26e98c731baef56a2713a1f46460d56966950a168a375f78af2eed449b5c1b4" alt="Imagem Postada" />Falta borda direita.
Como fica sem Doctype (com Doctype mas sem URL de doctype)
Tem borda direita, mas falta o estilo do select
Assim que eu fixar isso, vou tirar todos os erros, do sistema inteiro, já que vem funcionando assim...
Mais uma pergunta. É considerada uma prática muito ruim o uso do caminho absoluto?
Estou usando o $_SERVER[DOCUMENT_ROOT] pra poder chamar o cabeçalho em qualquer arquivo do sistema.
fica algo como
<link href="<?php $_SERVER[DOCUMENT_ROOT] ?>/css/reset.css" rel="stylesheet" type="text/css">>
Mais uma pergunta. É considerada uma prática muito ruim o uso do caminho absoluto?
Estou usando o $_SERVER[DOCUMENT_ROOT] pra poder chamar o cabeçalho em qualquer arquivo do sistema.
fica algo como
<link href="<?php $_SERVER[DOCUMENT_ROOT] ?>/css/reset.css" rel="stylesheet" type="text/css">Resolvi... problemas ridículos de colspan em tabela.
Ainda assim se algué puder me responder sobre a questão do caminho absoluto...
Não é uma prática ruim e também não é uma prática boa. Varia de desenvolvedor para desenvolvedor. O moderador @William Bruno, já defendeu uma vez o uso de caminhos absolutos, enquanto eu sou adepto dos endereços relativos. Tenho uma mania de economizar cada byte possível, visando portais com grandes acessos, elevando exponencialmente a economia em banda. Outra vantagem que posso apontar, também, é a legibilidade do link no estado :hover. Repousamos o mouse sobre o link e verificamos na barra de status pra onde o mesmo nos leva. Cabe ainda um terceiro truque, que é meu favorito. Podemos guardar links de caminhos absolutos para que abram sempre em uma nova janela, já que serão os que não fazem parte de nossos domínios:
var links = document.getElementsByTagName('a');
var newWindowLink = function(){
if(this.href.indexOf('://') + 1) window.open(this.href);
return false;
}
for(var i = 0, ln = links.length; i < ln; i++) links.item(i).onclick = newWindowLink;Então, mas ai no caso, estamos falando de importação de arquivos .css e .js, e imagens
nesse caso, eu defendo :P
para o browser é mais rápido ler direto o caminho absoluto, assim ele não vai precisar processar o ../../, /, e tudo mais para chegar no arquivo.
se você declarar o caminho absoluto nestes casos, você ganha desempenho no processamento do browser
Agora o Firefox não carrega o css por caminho absoluto da forma que eu falei...
Tentando descobrir o motivo...
faltou no minimo um echo no código que você postou.
para entender oque ta acontecendo, aperte Ctrl + U (Exibir > Código Fonte)
e veja como ficou o HTML gerado.
>
faltou no minimo um echo no código que você postou.
para entender oque ta acontecendo, aperte Ctrl + U (Exibir > Código Fonte)
e veja como ficou o HTML gerado.
o echo foi erro de digitação aqui no fórum mesmo
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html> <head lang="pt-br">
<title> SCO ACPO </title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!--<link href="D:/xampp/htdocs/sis/css/reset.css" rel="stylesheet" type="text/css">-->
<link href="D:/xampp/htdocs/sis/includes/estilo_sistema.css" rel="stylesheet" type="text/css">
<link href="D:/xampp/htdocs/sis/includes/estilo_sistema2.css" rel="stylesheet" type="text/css">
<link href="D:/xampp/htdocs/sis/css/estilo.css" rel="stylesheet" type="text/css">
<link href="D:/xampp/htdocs/sis/css/estiloTabelas.css" rel="stylesheet" type="text/css">
<script src="D:/xampp/htdocs/sis/includes/scripts.js" type="text/javascript"></script>
<script src="D:/xampp/htdocs/sis/fretes/comb.js" type="text/javascript"></script>
<script src="D:/xampp/htdocs/sis/fretes/js/valida_comb.js" type="text/javascript"></script>
<script src="D:/xampp/htdocs/sis/fretes/ajax_calc_litros.js" type="text/javascript"></script>
<script src="D:/xampp/htdocs/sis/producao/js/ajax.js" type="text/javascript"></script>
<script src="D:/xampp/htdocs/sis/custos/ajax_custos.js" type="text/javascript"></script>
<script src="D:/xampp/htdocs/sis/custos/custos.js" type="text/javascript"></script>
<script src="D:/xampp/htdocs/sis/producao/js/ajax_calcula.js" type="text/javascript"></script>
<script src="D:/xampp/htdocs/sis/producao/js/verifica.js" type="text/javascript"></script>
</head>Assim ta gerando no ctrl+u do firefox e do ie
no IE ta ok no firefox nao carrega nada...
Ainda não descobri por que não funciona o caminho absoluto no firefox.
Devo criar outro tópico? porque este aqui já está como resolvido...
Desisti de fazer assim, o $_SERVER[DOCUMENT_ROOT] não me retorna o caminho absoluto correto.
Tive que digitar a mão, no caso do teste aqui "http://localhost/..."
Deixo comentado o caminho na produção quando estou testando...
>
Mais uma pergunta. É considerada uma prática muito ruim o uso do caminho absoluto?
Estou usando o $_SERVER[DOCUMENT_ROOT] pra poder chamar o cabeçalho em qualquer arquivo do sistema.
fica algo como
<link href="<?php $_SERVER[DOCUMENT_ROOT] ?>/css/reset.css" rel="stylesheet" type="text/css">Pra citar a solução:
<?php
$raiz = "http://localhost/sis";
?>
<head lang="pt-br">
<link href="<?php echo $raiz ?>/includes/estilo_sistema.css" rel="stylesheet" type="text/css" />
<link href="<?php echo $raiz ?>/includes/estilo_sistema2.css" rel="stylesheet" type="text/css" />
<link href="<?php echo $raiz ?>/css/estilo.css" rel="stylesheet" type="text/css" />Se alguém tiver uma forma mais dinâmica de pegar o caminho do servidor seria útil...
Abra um tópico no fórum de PHP
To incomodado demais com esse problema e acabei de chegar perto de descobrir.
apaguei o doctype, e ficou como devia.
Não sei, mas creio que não seja uma boa prática ficar sem DOCTYPE entao tentei trocar de
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt-br" lang="pt-br" >para:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
Continua mesmo erro, única forma é apagando mesmo.
http://www.w3schools.com/tags/tag_DOCTYPE.asp