layout no IE com problemas =|

[Jair Humberto 2]

pessoal, dá uma olhada nesse site que estou tentando fazer:

 

http://www.weblightbrazil.com/gfer/

 

no Firefox está do jeito que quero,

mas no IE, como sempre, ta com erro.

 

o link para o css é:

 

http://www.weblightbrazil.com/gfer/css/layout.css

 

Alguém sabe porque isso ocorre? eu colori a coluna de amarelo para

ver se ela estava sendo deformada no ie, e estava.

 

também há um problema eu quero que ela fique 30 pixels da borda da div geral,

no entanto no IE esses 30px aparentam 60 pixels! e a coluna está um pouco acima

da div geral. que bagunça!

 

está até validado conforme a w3c, mas no ie nada.

 

Se alguém puder ajudar, eu fico agradecido.

 

:unsure:

[Guilherme Rambo 4]

#coluna_azul{	_height:550px;	background:yellow;	background-image: url(../image/layout/coluna.jpg);	background-position: center;	background-repeat: no-repeat;	float:left;	margin-left:30px;		*margin-left:15px;	min-height:550px;	width:200px;}

O IE dobra o margin do mesmo lado do float, coisas de IE...

 

[]'s

[Jair Humberto 2]

Obrigado Inside,eu tava pensando que estaria fazendo errado adicionando:_margin-left:15px; mas ainda restou um problema, eu preciso que a coluna tenha 200px somente!mas ela está esticando , pena que max-height nao funciona no IE, eu já tinha ouvidofalar que o jeito pra inserir max-height para o IE é por javascript (como css), com Height:expression("200" + "px");mas tentei e nao deu certo :unsure: Se puder me ajudar, eu ficarei grato.

[Guilherme Rambo 4]

Não tem como resolver o problema na altura com hack também?[]'s

[Jair Humberto 2]

ué mas que hack vou usar?

 

desculpe eu quero é largura fixa de 200px;

 

no IE6 width é a mesma coisa de min-width.

 

o problema é que eu quero apenas width ou pelo menos max-width, que também nao funciona.

 

pesquisei na Internet e o que encontrei foi coisas do tipo:

 

#coluna_azul{	  width: expression(this.offsetWidth > 200 ? "200px"  : this.offsetWidth);}

que não sei porque cargas d'água não funciona quando todos dizem que funciona.

 

quero que a logomarca ultrapasse os limites da div. mas agora ocorre no IE exatamente o contrario do que eu queria no outro post com o Firefox. Agora nao quero que a Div estique , quero que fique com largura fixa,

 

mecheer com IE 6 é um teste de paciencia.http://forum.imasters.com.br/public/style_emoticons/default/pinch.gif http://forum.imasters.com.br/public/style_emoticons/default/cry.gif

 

Agradecimentos Adiantados

[Jair Humberto 2]

descobri uma coisa,o width:expression()funciona sim no IE6 mas nao para o caso que eu quero.Por exemplo se eu tiver uma DIV geral, e nessa div tiver um texto enorme e tiver setadopara ela ummax-width:200px,no IE ela vai aparecer com o tamanho total da largura do browserpois no ie6 nao reconhece max-width, no entanto se eu criar um hack como esse:width: expression(this.offsetWidth > 200 ? "200px" : this.offsetWidth);aí passa a funcionar, a div fica com largura 200 px no ie6 também.Mas se você tiver uma imagem de largura 300px, (como no meu caso) e tentar usar essa propriedade, ela não vai funcionar, pois ela vai ficar com, não menos, o tamanho do maior objeto dentro da DIV,no Firefox o efeito é o desejado, ou seja, a DIV não estica com o objeto maior e este fica ultrapassando o limite da DIV, que é o que eu quero, no entanto o IE6 estica a div de qualquermaneira,alguém sabe uma solução pra isso?

[André do Vale 76]

overflow: hidden ?

[Jair Humberto 2]

Ué não funcionou.pode dar um exemplo?

[Guilherme Medeiros 0]

na mesma div que tem o tamanho tu coloca overflow: hidden; isso funciona, dai o conteudo que nao couber na div simplesmente some ^^mas eu to postando mesmo pra parabenizar pois apesar do site nao estar mto bunito, usar menu em flash e um menu html em baixo ficou bem legal ^^so pra estimula isso mesmo..abraço!

[Jair Humberto 2]

ah obrigado pelo elogio,

é SEO né? faz parte de webstandards também, é muito importante isso.

 

e o site não está muito bonito? tomara que depois de pronto melhore http://forum.imasters.com.br/public/style_emoticons/default/upset.gif

 

quanto ao overflow:hidden,

 

hum, eu queria que o efeito ficasse como no firefox, que a logomarca ultrapassasse os limites da DIV,

 

não que ela desaparecesse. :(