Jump to content
  • Revista PROGRAMAR: Já está disponível a edição #60 da revista programar. Faz já o download aqui!

Sign in to follow this  
Twism

alinhamento no IE

Recommended Posts

Twism

Boas, tou com um projecto em mãos, e o site já está praticamente concluido, e a única coisa que me está a lixar completamente é o alinhamento no internet explorer, no ff fica-me tudo bonito no internet explorer ta uma autentica  porcaria, alguem me pode dar um dica de forma que o site fique bem alinhado nos dois browsers.

cumps, Twism

Share this post


Link to post
Share on other sites
n3lThon

Normalmente usa-se javascript para detectar qual o browser do utilizador e depois fazer o load do .css adequado ao browser.


dreams.each do |dream|

   dream.make_it_happen

end

Share this post


Link to post
Share on other sites
Twism

tambem ja tinha pensado nisso, tenho que pesquisar para ver como se faz isso em js.

Share this post


Link to post
Share on other sites
Twism

ja tava a ler isso :P , mas ouvi falar em algo chamado hashes nao tenho a certeza se é assim q se escreve que com um * e coloca-se as medidas, sei que nao e a forma mais correcta mas talvez seja mais rapida. sabes algo sobre isso ?

bgd pela ajuda  :)

EDIT:

supostamente o que eu estava a falar era o chamado Holy Hack para o IE.

Share this post


Link to post
Share on other sites
Twism

boas, alguem sabe algo sobre estes "hacks" batoteiros para o alinhamento no IE ? (urgente)

Share this post


Link to post
Share on other sites
pwseo

Se utilizares comentários condicionais, podes colocar as tuas hacks todas dentro de um CSS separado (como já se mencionou), mas ficas sem a necessidade de utilizar javascript para detectar o browser; todos os browsers ignorarão, excepto os Internet Explorers.

Exemplo:

<head>
  <title>Uma página muito bonita e o caraças</title>
  <meta http-equiv="Content-Type" content="text/css; charset=utf-8" />
  <link rel="Stylesheet" type="text/css" href="style.css" />
  <!--[if IE 6]>
    <link rel="Stylesheet" type="text/css" href="iesucks.css" />
  <![endif]-->
</head>

Na stylesheet do IE metes regras CSS que tratem apenas do aspecto do IE. Não precisas de te preocupar com outros browsers porque esses não vão conseguir ver o CSS.

Vê esses links:

Essentials of CSS Hacking for Internet Explorer

CSS - Conditional Comments (Quirksmode)

CSS Hacks (Stylegala)

Position Is Everything

Share this post


Link to post
Share on other sites
pwseo

Boas,

não é preciso javascript para nada, actualmente é possível encontrar hacks ou css reset's para conseguir o que se quer sem andar a duplicar ficheiros.

Se puderes deixar o endereço do site para se dar uma vista de olhos, facilitava :P

Usando os conditional comments consegues separar essas hacks do resto do CSS e fazer com que apenas os users com IE façam download das hacks... logo, nada de JS. Não é muito recomendável meter hacks no CSS principal... fica confuso

Mas concordo... se fosse possível deixar aí o endereço, sempre era mais fácil vendo :)

Share this post


Link to post
Share on other sites
yoda

Usando os conditional comments consegues separar essas hacks do resto do CSS e fazer com que apenas os users com IE façam download das hacks... logo, nada de JS. Não é muito recomendável meter hacks no CSS principal... fica confuso

Mas concordo... se fosse possível deixar aí o endereço, sempre era mais fácil vendo :P

É que nem as hacks é necessário mesmo, css normal resolve a situação.

Share this post


Link to post
Share on other sites
scorch

Basta meter um * atrás da linha a ser interpretada pelo IE. Acho que funciona, de qualquer maneira, há por aí um tópico que fala sobre isso.


scorch_pp.png

PS: Não respondo a perguntas por mensagem que podem ser respondidas no fórum.

Share this post


Link to post
Share on other sites
pwseo

Basta meter um * atrás da linha a ser interpretada pelo IE. Acho que funciona, de qualquer maneira, há por aí um tópico que fala sobre isso.

Pelo que me lembro, era * html atrás do bloco a ser interpretado pelo IE. E de qualquer forma convém separar as hacks do código normal, por uma questão de clareza.

A questão aqui é que ao fazeres hacks, todos os browsers vão ter que carregar o CSS extra, o que é desnecessário.. Com os comentários condicionais, consegue filtrar-se o conteúdo que vai para o IE.. como os outros browsers interpretam como sendo um comentário, não carregam a stylesheet com as hacks, o que significa que o teu ficheiro com hacks nem precisa de se preocupar em ser compativel com IE e outros browsers... porque só vai ser lido pelo IE.

Acho que só isto é já um ponto de grande flexibilidade.

PS.: Com os comentários condicionais consegues filtrar versoes individuais do IE, também.

Share this post


Link to post
Share on other sites
c3ejo0

O uso do caracter * , a meu ver, só é aconselhável quando são pequenas alterações como pode acontecer por exemplo para o IE7. Uma vez que para o IE6 é preciso muitas alterações é mesmo aconselhável copiares o CSS original para outro especifico para o IE6.

sei por experiência própria que o que tens que fazer é apenas incluir o código apresentado pelo pedro-kun. Assim só o IE6 lê esse ficheiro de CSS especifico para ele...todos os outros browsers e versões mais recentes do IE vão ignorar esse segundo ficheiro de CSS que criaste.

Já agora o caracter " _ " serve para que browser? já vi isto aplicado só que já não me lembro para que browser era...

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

×

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.