Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Comecei com 'tableless' semana passada... tou meio perdida ainda, mas tou conseguindo.
Acontece que eu tive que começar a utilizar o JDeveloper para gerar protótipos aqui na empresa onde trabalho. Coloquei um código simples, chamando o css por:
<style type="text/css"> <!-- @import url("css/default.css"); --></style>
Quando abro minha página .jsp pelo IE e Opera, funciona, chama o CSS... mas pelo Firefox não.. pq???
Ah, e se eu tirar o doctype funciona:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
O que tá acontecendo?
Me ajudem, por favor.. é urgente...
>
Chame o mesmo CSS com <link>
<link href="seu.css" rel="stylesheet" type="text/css" media="screen" /><style type="text/css" media="screen" title="Seu CSS">@import url("seu.css");</style>não utilize <!-- --> dentro do style, isso apenas previne que o CSS não será mostrado em browsers que nao tem suporte, portando é praticamente inútil. Se for pra usar comentários use CDATA do XML pois seu documento está em Strict. Chamar os dois objetos dentro do mesmo html faz com que browsers que não entendem o import, usem o link e vice e versa.
Agora porque o Firefox fez isso, deve ser coisa do DTD, verifique e veja se está corretamente digitado.
Até mais.
[](/topic/136465-css-em-jsp-n%C3%A3o-funciona/?do=findComment&comment=379806)
Muito obrigada pela resposta!
Meu código está assim agora:
<link href="css/default.css" rel="stylesheet" type="text/css" media="screen" /> <style type="text/css" media="screen" title="Seu CSS">@import url("css/default.css");</style>Mas não funcionou mesmo assim no firefox... (no IE e Opera ainda funciona)..
Ainda estah strict.. algum problema com isso? =(
tenta mudar para,
<?xml version="1.0" encoding="iso-8859-1"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN""http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
XHTML 1.1
http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif NeoN
não deu! :( kra, que raiva heheh
tem como você colocar essa pagina em um servidor....? pra ver se aqui abre... =/
não tem como =~
abaixo estah o código...
e quer saber a mágica?
se colocar esse código em como index.htm funciona.. se ficar index.jsp não funciona (somente no IE e Opera..) tou loka?
index:
<?xml version="1.0" encoding="iso-8859-1"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN""[http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">](http://www.w3.org/1999/xhtml) <head> <title>:: C r i s t @ l :::::::::::::::::::::::::::::::::::::::::::::</title> <meta name="resource-type" content="document" /> <meta http-equiv="pragma" content="no-cache" /> <meta name="revisit-after" content="1" /> <meta name="classification" content="Internet" /> <meta name="description" content="abaco.com.br" /> <meta name="keywords" content="abaco, crist@l, cristal, sistema, web, internet, orcamento, financeiro, contabil, pessoas, competencia, tributario, administrativo, escolar, social, saude, protocolo" /> <meta name="robots" content="ALL" /> <meta name="distribution" content="Global" /> <meta name="rating" content="General" /> <meta name="author" content="Marcia Oliveira Carmo" /> <meta name="language" content="pt-br" /> <meta name="doc-class" content="Completed" /> <meta name="doc-rights" content="Public" /> <link href="css/default.css" rel="stylesheet" type="text/css" media="screen" /> <style type="text/css" media="screen" title="Seu CSS">@import url("css/default.css");</style> <link rel="shortcut icon" href="favicon.ico" /> </head> <body> <div id="geral"> <div id="topo"> <div id="logo"></div> <div id="data"> 21/06/2005 </div> <div id="ajudasobre"> <a href="javascript:;">Ajuda</a> | <a href="javascript:;">Sobre</a> </div> <div id="logocliente"><img id="imglogocliente" src="imagens/logo_prefcuiaba.gif" alt="Prefeitura de Cuiabá" /></div> <div id="boasvindas"> | Olá, usuários! </div> <div id="barra"> <div id="menu"> <ul> <li><a href="#" target="_blank">Página Principal</a></li> <li><a href="#" target="_blank">Orçamento</a></li> <li><a href="#" target="_blank">Execução Orçamentária</a></li> <li><a href="#" target="_blank">Contabilidade</a></li> <li><a href="#" target="_blank">Links Favoritos</a></li> </ul> </div> <br clear="all" /> </div> <div id="line"></div> </div> <div id="conteudo"> </div> <div id="rodape"> Copyright 2005 - Ábaco - Tecnologia de Informação LTDA </div> </div> </body></html>css/default.css
body, h1, h2, h3, h4, form, ul, p { margin:0px; padding:0px;}body { text-align:center; background-color:#DADADA;}img { border:0px;}a { text-decoration:none;}/ Div GERAL /#geral { width:778px; margin:0px auto; padding-top:0px; text-align:left; border: 1px solid #999;}/ Div TOPO /#topo { background:#FFF; height:84px; margin-top:0px; font:60% Verdana, Arial, Tahoma, 'Sans-Serif'; color:#6C6C76;}#topo #logo { background-image: url(../imagens/topo.jpg); height:59px; }#topo #data { width:100px; float:right; margin:-45px 0px 0px 0px; text-align:right;}#topo #ajudasobre { width:100px; float:right; margin:-15px 0px 0px 0px; _margin:-15px -100px 0px 0px; text-align:right;}#topo #logocliente { width:142px; float:right; margin:-48px 80px 0px 0px; _margin:-48px -20px 0px 0px; height:48px; text-align:center;}#topo #logocliente #imglogocliente { margin-top:10px;}#topo a { color:#6C6C76;}#topo a:hover { text-decoration:underline;}#topo #barra { background-color:#6C6C76; height:23px; padding:3px; margin:1px;}#topo #line { margin:1px; border-bottom: 1px solid #6C6C76;}#topo #boasvindas { color:#FFF; width:230px;}#topo #slogan { color:#FFF; margin:-12px 0px 0px 240px;}/ Div CONTEUDO /#conteudo { font:80% Verdana, Arial, Tahoma, 'Sans-Serif'; height:300px; background:#FFF;}/ Div MENU /#menu ul { padding:0px; padding-left:5px; margin:0px; list-style:none; font:100% Verdana, Arial, Tahoma, 'Sans-Serif';}#menu ul li { display: inline; }#menu a { color: #FFF; text-decoration: none; border-top:3px solid #6C6C76; padding: 2px 15px 2px 15px; background: url(../imagens/marcador6.gif) no-repeat 0 50%; float:left;}#menu a:hover { text-decoration: none; border-top:3px solid #FFF;}/ Div RODAPE /#rodape { top:0px; left:0px; position:relative; margin:1px; background-color:#6C6C76; color:#FFF; font:60% Verdana, Arial, Tahoma, 'Sans-Serif'; padding:4px;}
ainda não tem nenhum código java, sabe?eh html puro.. mas vou ter que deixar .jsp por padrão, pra quem for colocar o java (que não vai ser eu..)tenta colocar .jsp e manda abrir no firefox..
você tah rodando isso de um servidor ?
mas eh localmente... tenho soh IP da minha máquina ehhepor isso não tem como eu te passar, pq aih você nao vai conseguir acessar..
Olha, se funciono colocando como HTM, deve ser alguma treta com o servidor local...
tenta ver se tá dando algum erro com as tag de escape do XML.. porque com o php se eu coloco essa linha <?xml version="1.0" encoding="iso-8859-1"?> ele dá erro pq a tag do PHP é <? ?> entende ?
tenta ver se ele não tá dando algum erro dentro do <link> <style> ou até mesmo do DTD, eu não sei mais pode ser algo relaciona, se não for isso não tenho nen ideia do que possa ser... =/
[http://forum.imasters.com.br/public/style_emoticons/](http://forum.imasters.com.br/public/style_emoticons/)default/thumbsup.gif NeoNque saco, viu...
quando eu tiro o doctype funciona, sabe?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN""http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
não eh dentro do <link> <style>...
Em java, pelo que eu saiba, eh:
<%! aaa %> e não <? aaa ?> igual PHP.. não deveria dar erro, certo?
Mas, e em PHP quando dah erro com isso você faz o que?
eu uso você tem q usar ou <?php ?> ou fazer com que a string sai assim<? echo "<? bla bla bal"; ?>pode ser erro de DTD mesmo, tenta fazer o seguinte, faz o DTD sair para o navegador via Java, pelo php é echo, por java nen sei, mais deve dar certo assim.... ;)que coisa ehhehevou tentar aqui.. pq eu não sei java ehhe
UAHsuahs, como você tá fazendo o site então ?!
ahahhaeh que eh assim..Sou Designer de interfaces.. crio o layout do sistema aqui e estou criando o protótipo da página inicial (html puro e css) pro desenvolvedor java pegar o protótipo (que eh a casca do sistema) e fazer a interação com as classes e tudo mais em java ehheheaki eh tdo separadin =De óia.. não deu certo não =(
pode ter aspas simples no doctype? hehehe<%= "<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.1//EN''http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd'>" %>Editado:usei assim e não funciona no firefox ainda... no IE vai que eh uma beleuza.. não sei mais o que fazer..Eu tava pensando, se tem algo que é incompativel com java, deve ser dentro da DTD e não na TAG doctype, entende?
Essa interface tem frame ?
não...
sabe como funcionou?
mas ainda está do jeito errado..
em vez de chamar o estilo assim:
<link href="css/default.css" rel="stylesheet" type="text/css" media="screen" /> <style type="text/css" media="screen" title="Seu CSS">@import url("css/default.css");</style>
Estou chamando assim:
<style type="text/css"> <%@ include file="css/default.css"%> </style>
Ou seja, fiz um include em java do css.. mas eh horrivel, pois o resultado no browser mostra o css inteiro, sabe?
=/
Nossa mew... realmente nunca me aconteceu isso... =/
Tá tudo atualizado certinho ae ? será que não é alguma config do Firefox que tá errada.. pq realmente, mto estranho...
http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif NeoN
olha, não sei se eh alguma configuração do firefox... nunca mexi em nenhuma pra não ter esses problemas ehheh gosto de deixar a default..soh sei que tou achando muuuuito bizarro... funciona ou tirando o doctype ou colocando o estilo na propria tela.. pq isso meu deus?
realmente não sei =/
me ferrei então =/
Pode ser que o navegador esteja utilizando os arquivos anteriores e não esteja utilizando o novo HTML.Tente um Control+F5 para que ele recarregue tudo.No último código eu vi que você não colocou os comentários no CSS.<style type="text/css" media="screen" title="Seu CSS"><!--@import url("css/default.css");--></style>
douglas,
esses comentarios se não me engano é apenas para "sumir" com o css em navegadores que não suportam o CSS...
http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif NeoN
SObre o CTRL F5 eu soh uso ele ehheheAcho que eh trauma.. :D E mesmo assim, nada =/A mágica é qdo mudo de .jsp prara .htm.. o mesmo codigo roda.. e se volto para .jsp, nao funciona..
não utilize <!-- --> dentro do style, isso apenas previne que o CSS não será mostrado em browsers que nao tem suporte, portando é praticamente inútil. Se for pra usar comentários use CDATA do XML pois seu documento está em Strict.
Chamar os dois objetos dentro do mesmo html faz com que browsers que não entendem o import, usem o link e vice e versa.
Agora porque o Firefox fez isso, deve ser coisa do DTD, verifique e veja se está corretamente digitado.
Até mais.