Jump to content


Photo

Ie Não Reconhece Sintase Css :/


  • Faça o login para participar
9 replies to this topic

#1 WeeD

WeeD

    12 Horas

  • Usuários
  • 166 posts
  • Sexo:Não informado

Posted 01/09/2005, 20:13

ae fazendo favor, alguem sabe porque o IE não reconhece isso ? :/

input[type="submit"] {
    border:1px solid #333;
    background-color:#FFF;
    padding:3px 10px 3px 10px;
    font:11px Verdana; color:#333;
    margin:5px 0 10px 60px;
}

Edição feita por: WeeD, 01/09/2005, 20:14.

còé ?

#2 Klaus

Klaus

    @ ubuntu jaunty

  • Ex-Admins
  • 7924 posts
  • Sexo:Masculino
  • Localidade:127.0.0.1

Posted 01/09/2005, 20:33

Simples, porque o IE é desatualizado...

Essa regra do atributo é excelente, pena que o IE é uma xxxxxx.

Use uma classe... SUX sim... mas funciona...
Klaus Paiva
Conheça também: Taperás

#3 WeeD

WeeD

    12 Horas

  • Usuários
  • 166 posts
  • Sexo:Não informado

Posted 01/09/2005, 21:09

funciona eu sei que funciona porque to testando no opera e firefox. :)
só essa zica do internet explorer mesmo. :( vo deixa assim por enquanto quem sabe até eu termina ja saiu i IE 7 hauahauha. valeu ae!
còé ?

#4 Klaus

Klaus

    @ ubuntu jaunty

  • Ex-Admins
  • 7924 posts
  • Sexo:Masculino
  • Localidade:127.0.0.1

Posted 02/09/2005, 08:44

Claro, isso funciona sim, como eu falei, o IE que é tosco, defasado, nojento, que não entende.

Sair o IE7 não ajuda muito... quantas pessoas ainda terão IEca6 e IEca5 ainda...
Klaus Paiva
Conheça também: Taperás

#5 WeeD

WeeD

    12 Horas

  • Usuários
  • 166 posts
  • Sexo:Não informado

Posted 02/09/2005, 12:44

Bom ja aproveitando esse tópico aqui, alguem poderia me dizer o que deve "padronizar" nesses CSS para que possa funcionar no Firefox pois no IE ta "funcionando perfeitamente". Vejam a imagem: IMAGEM
Bom, notem que no FireFox o DIV "Corpo" não aparece, ele fica "escondido" la em cima ai quando eu seto um valor pra height ele aparece. só que não seria necessario ja que os div que tao ali era pra "puxar" ele pra baixo. o que seria isso ?

CSS:
#corpo {
	width:650px;
	text-align:left;
	background-color:#FFF;
	margin:0px auto 0px auto;
	border-left:1px solid #000;
	border-right:1px solid #000;
}
#esquerda {
	width:420px;
	height:200px;
	margin:5px;
}
#direita {
	width:180px;
	height:200px;
	background-color:#F4F4F4;
	margin:5px 5px 5px 0px;
}
#esquerda, #direita {
	padding:5px;
	float:left;
	border:1px solid #DDD;
	text-align:left;
	color:#333;
}
Estrutura da pagina:

<body>
    <div id="corpo">
          <div id="esquerda"></div>
          <div id="direita"></div>
    </div>
    <div id="rodape"></div>
</body>


Edição feita por: WeeD, 02/09/2005, 12:44.

còé ?

#6 Klaus

Klaus

    @ ubuntu jaunty

  • Ex-Admins
  • 7924 posts
  • Sexo:Masculino
  • Localidade:127.0.0.1

Posted 02/09/2005, 13:47

#corpo {
width:650px;
text-align:left;
background-color:#FFF;
margin:0px auto 0px auto;
border-left:1px solid #000;
border-right:1px solid #000;
overflow: auto;
}
#esquerda {
width:420px;
height:200px;
margin:5px;
}
#direita {
width:180px;
height:200px;
background-color:#F4F4F4;
margin:5px 5px 5px 0px;
}
#esquerda, #direita {
padding:5px;
float:left;
border:1px solid #DDD;
text-align:left;
color:#333;
}


Klaus Paiva
Conheça também: Taperás

#7 WeeD

WeeD

    12 Horas

  • Usuários
  • 166 posts
  • Sexo:Não informado

Posted 02/09/2005, 13:58

putz graças a deus. :)
agora me fala uma coisa o que seria o overflow ?
còé ?

#8 chisto

chisto

    Stand by

  • Usuários
  • 288 posts
  • Sexo:Não informado
  • Localidade:Joinville - SC - Brasil
  • Interesses:INTERNET

Posted 02/09/2005, 14:00

overflow = scroll no IEca
Acidio Alan
Programador e Marcador
A2C- Internet para negócios
www.a2c.com.br

#9 WeeD

WeeD

    12 Horas

  • Usuários
  • 166 posts
  • Sexo:Não informado

Posted 02/09/2005, 14:11

ta mas a ultilidade dele no css que nem Klaus cito ali em cima ?
còé ?

#10 Klaus

Klaus

    @ ubuntu jaunty

  • Ex-Admins
  • 7924 posts
  • Sexo:Masculino
  • Localidade:127.0.0.1

Posted 02/09/2005, 21:07

O elemento pai não aparecia pois, os seus filhos tinham float.

Normalmente, as pessoas colocam próximo ao fim da <div> pai um:

<br clear="all" />


Um "elemento de bloco" que não fica ao lado de ninguém (no caso os elementos com float).

Daí ele vai lá pra baixo, fazendo com que a <div> cresça.

O overflow: auto faz com que a <div> pai tenha esse clear: both no final.

-----

Até seria bacana se o Mauricio Samy visse esse tópico. A explicação dele para este resultado seria bem mais didática que a minha. :D
Klaus Paiva
Conheça também: Taperás




0 user(s) are reading this topic

0 membro(s), 0 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq