Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

bluereal

Barrado branco na lateral

Por , em Desenvolvimento frontend

Recommended Posts

bluereal    0

bluereal
Postado

Amigos,Até pouquinho tempo, todas as páginas com "overflow: hide", ou seja, sem scroll, estavam com o layout perfeitamente normal - inclusive no FF.Agora, de repente (e desde que mudei o docktype dos documentos), só o layout do FF está normal, sem barrado lateral direito (na verdade, aquela sombra que fica quando tem scroll mas o conteúdo é pequeno) -no IE, lá está o barradão inconveniente!Será que tem a ver com o tipo de docktype escolhido?Sei lá - não estou entendendo nada!!O antigo docktype:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">-com charset=iso-8859-1 O atual:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html lang="pt-br" xml:lang="pt-br" xmlns="http://www.w3.org/1999/xhtml"> -com charset=utf-8Alguém tem idéia do que está acontecendo?Abrs,Blue :)

Compartilhar este post

Link para o post
Compartilhar em outros sites

Hunter_    0

Hunter_
Postado

Bem...se meus poucos conhecimentos não me enganam...você não alterou o DOCTYPE e sim o charset que é o conjunto de caracteres interpretados pelo browser... poe algo online ai pra gente ajudar..ta muito abstrato http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

bluereal    0

bluereal
Postado

mudou de html pra xhtml 1.0 tb... pode ter influenciado http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

E o que é que a gente faz?Testei mudar para html 4.01 e não deu outra: o barrado desapareceu.É claro que deu uma bagunçada discreta (ou até que muito grande) no posicionamento de alguns elementos da página, mas isso pode ser arrumado.Infelizmente, não é o que eu quero. Quero manter o xhtml 1.0 - sem o barradão, com certeza.Alguma idéia?abrs :)

Compartilhar este post

Link para o post
Compartilhar em outros sites

Hunter_    0

Hunter_
Postado

Mals...falta de atenção minha...

Compartilhar este post

Link para o post
Compartilhar em outros sites

bluereal    0

bluereal
Postado

Não esquece do content-type... se você servir como aplication/xhtml não é tudo que funfa.. tem que ter cuidado ao usá-lo.

Aqui vai:"content="text/html"Estou pensando em mudar para HTML 4.01 strict e ver no que dá...Tem o string correto aí?Ou onde eu possa achar? :huh: Blue

Compartilhar este post

Link para o post
Compartilhar em outros sites

bluereal    0

bluereal
Postado

Pois é... não deu certo. O IE continua mostrando a sombra da barra de scroll - e em algumas situações, chega mesmo a ativar a barra de scroll, ignorando a instrução para não fazer isso.Pelo que vejo, o "overflow: hidden" não funciona no IE (da forma esperada) se não for no antigo html 4.01 transitional.No FF tudo bem.Tem de haver uma solução para isso, God!Qual será???Blue

Compartilhar este post

Link para o post
Compartilhar em outros sites

THE_WATCHER    0

THE_WATCHER
Postado

huahauah a solução será o IE atender perfeitamente aos padrões! :P

Realmente é uma coisa sem sentido, se não tem scroll, não precisa ficar aquela barra inativa ao lado...

 

Bom, mas TEM UM JEITO de fazer a barra "fantasmagórica" desaparecer.

 

Simplesmente faça o seguinte no css:

 

* html {overflow:auto; overflow:hidden !important}
Neste caso acima, independentemente do tamanho do conteúdo, não aparece a barra.

 

* html {overflow:auto;}
Neste outro caso, se for pequeno, não aparece barra. Se for maior, a barra aparece.

 

Os dois casos só terão efeito no IE (por causa do "*").

A marcação usa como doctype o XHTML 1.0 Strict.

O CSS valida direitinho.

 

Espero que isso resolva o seu problema. :)

Compartilhar este post

Link para o post
Compartilhar em outros sites

bluereal    0

bluereal
Postado

huahauah a solução será o IE atender perfeitamente aos padrões! :P

Realmente é uma coisa sem sentido, se não tem scroll, não precisa ficar aquela barra inativa ao lado...

 

Bom, mas TEM UM JEITO de fazer a barra "fantasmagórica" desaparecer.

 

Simplesmente faça o seguinte no css:

 

* html {overflow:auto; overflow:hidden !important}
Neste caso acima, independentemente do tamanho do conteúdo, não aparece a barra.

 

* html {overflow:auto;}
Neste outro caso, se for pequeno, não aparece barra. Se for maior, a barra aparece.

 

Os dois casos só terão efeito no IE (por causa do "*").

A marcação usa como doctype o XHTML 1.0 Strict.

O CSS valida direitinho.

 

Espero que isso resolva o seu problema. :)

http://forum.imasters.com.br/public/style_emoticons/default/clap.gif Amigo

ARRASOU!

Mais que perfeito. Vou contar pra todo mundo... aquele mundão de gente que me disse que estava com o mesmo problema, e sem solução.

Thanks a lot!

 

:D Blue

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito