5 replies to this topic

[Max Magalhães]

Olá,

Bom, fiz um site porém as caixas de texto no firefox redimensionam automaticamente e no IE fica como deve ser,

o código que eu usei para o texto foi:

<div style="border-style:groove; position: absolute; top: 267px; left: 43px; width: 670px; height: 475px; z-index: 10; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px">
<font color="#000000">
<textarea rows="30" name="S1" cols="130" style="font-family: Times New Roman; font-style: italic; font-weight: bold; text-align: justify; background-color: #E6E6E6">


Agradeço desde já a ajuda de vocês

Max

Edição feita por: Max Magalhães, 12/01/2007, 04:05.

[boirock]

Usa um estilo css... funciona e o dreamweaver faz todo o trabalho
[] rafael

[hughet]

<div style="border-style:groove; position: absolute; top: 267px; left: 43px; width: 670px; height: 475px; z-index: 10; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px">
<font color="#000000">
<textarea rows="30" name="S1" cols="130" style="font-family: Times New Roman; font-style: italic; font-weight: bold; text-align: justify; background-color: #E6E6E6">

Você já tentou diminuir o width?

Eu vou te falar uma coisa... conhece "CSS Hacks?"
Na verdade quem ta errado provavelmente é o IE...
Então, "regula" o tamanho pelo FireFox, vai diminuindo esse width, até fica a largura que você quer...
depois disso logo após isso bote o tamanho do IE, só que antecedido de um "_" ->underline.

exemplo...

[bla bla bla]...position: absolute; top: 267px; left: 43px; width: 470px; _width: 670px...[bla bla bla]

o Firefox interpretará como 470px mas o IE vai reformatar o width com o segundo comando do width!
Só o IE vai aceitar esse underline na frente, copie essa parte e cole:



<div style="border-style:groove; position: absolute; top: 267px; left: 43px; /* mude esse width se quiser */ width: 470px _width: 670px; height: 475px; z-index: 10; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px">
<font color="#000000">
<textarea rows="30" name="S1" cols="130" style="font-family: Times New Roman; font-style: italic; font-weight: bold; text-align: justify; background-color: #E6E6E6">

É isso ai, se empenhe bastante, se não funcionar...
acrescenta um "display:block;"
se não funcionar posta aqui de novo!

[Max Magalhães]

Tentei diminuir o width mas fica do mesmo jeito tanto no IE quanto no firefox.
o display:block; também não corrige o "defeito".

E não sei como fazer uma caixa de texto com rolagem em CSS.

Complicado neh??Rsrs

Mas valeu ae pela ajuda de vocês.

Obrigado

Edição feita por: Max Magalhães, 06/01/2007, 04:57.

[Andreia Regina]

O IE renderiza diferente do Firefox.

Por que em vez de textarea vc não usa uma div? Na definição css da div vc inclui o width e o height de acordo com o tamanho desejado e inclui overflow: auto; que cria a barra de rolagem.

Se quiser manter o textarea, em vez de vc definir linhas e colunas defina o tamanho em px no estilo.

[Max Magalhães]

Muito Obrigado Andreia, realmente resolveu meu problema. Ficou até melhor usando overflow.

Vlws Mesmo