Jump to content

  2. →
  3. →

Photo

Elementos Da Página Fora Do Lugar No Ie

Started By gilvancn, 15/06/2010, 04:35

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

#1 gilvancn

gilvancn

    Novato no fórum

  • Usuários
  • 5 posts
  • Sexo:Masculino

Posted 15/06/2010, 04:35

Olá pessoal,
criei um blog e estou sempre modificando o mesmo para encontrar o layout que mais me agrade, o atual layout tá bem legal porém no IE está aparecendo todo desconfigurado, gostaria da ajuda de vocês pra mim arrumar uma solução pra esse dilema, desde já obrigado!!!
print: http://img261.images...707/blogbdh.jpg
Aluno de informática não cola, faz backup.

#2 shayllis

shayllis

    12 Horas

  • Usuários
  • 152 posts
  • Sexo:Masculino
  • Localidade:Barueri - SP
  • Interesses:PHP, MySQL, ASP.NET C# e VB, DreamWeaver, VisualStudio, JavaScript

Posted 17/06/2010, 16:57

Olá Gilvancn, você poderia usar o que eu chamo de trapaça de código. É uma condição de if para o css. Coloca isso e edita antes de fechar a a tag head, e depois de fechar a tag style:
<!--[if IE]>
<style type="text/css"> 
/* place css fixes for all versions of IE in this conditional comment */
.twoColFixLtHdr #sidebar1 { padding-top: 30px; }
.twoColFixLtHdr #mainContent { zoom: 1; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
</style>

Obs: Isso vai funcionar como um replace substituindo comente o que não for igual entre as classes de estilo. Se minha dica foi último, adicione-me um ponto

Edição feita por: Victor Hugo Odo, 22/06/2010, 16:45.
Inserir codebox

#3 gilvancn

gilvancn

    Novato no fórum

  • Usuários
  • 5 posts
  • Sexo:Masculino

Posted 17/06/2010, 18:08

Olá Gilvancn, você poderia usar o que eu chamo de trapaça de código. É uma condição de if para o css. Coloca isso e edita antes de fechar a a tag head, e depois de fechar a tag style:

<!--[if IE]>
<style type="text/css"> 
/* place css fixes for all versions of IE in this conditional comment */
.twoColFixLtHdr #sidebar1 { padding-top: 30px; }
.twoColFixLtHdr #mainContent { zoom: 1; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
</style>

Obs: Isso vai funcionar como um replace substituindo comente o que não for igual entre as classes de estilo. Se minha dica foi último, adicione-me um ponto


obg shayllis pela sua resposta, mas me desculpe a minha ignorancia mas não entendi direito como funciona esse código e onde implementar pq tentei aqui mas sem sucesso, desde já obg pela sua atenção.

Edição feita por: Victor Hugo Odo, 22/06/2010, 16:47.
Inserir codebox

Aluno de informática não cola, faz backup.

#4 shayllis

shayllis

    12 Horas

  • Usuários
  • 152 posts
  • Sexo:Masculino
  • Localidade:Barueri - SP
  • Interesses:PHP, MySQL, ASP.NET C# e VB, DreamWeaver, VisualStudio, JavaScript

Posted 18/06/2010, 14:43

Ah, não não é ignorância, no começo é meio complicado mesmo.
No código acima estão marcadas .twoColFixLtHdr #sidebar1 { padding-top: 30px; }, isso na verdade seria a propriedade padding-top, da div marcada com o id sidebar1, que está dentro da tag marcada com o id twoColFixLtHdr.
Bom substitua
twoColFixLtHdr #sidebar1 { padding-top: 30px; }
.twoColFixLtHdr #mainContent { zoom: 1; }

Por
id_da_div{propriedade a ser alterada: propriedades;}

Simplesmesnte isso. Não se esqueça de colocar depois que você fechou a tag style, pois o css funciona por meio de cascata, traduzindo, ele lê a última propriedade declarada, ou seja, não funciona se colocar antes da tag style; e antes de frchar a tag <head>, pois se trata de um css.

Freelancers: shayllis@yahoo.com.br Sites em php, html e flash, animações design de folders, javascript e editores de imagem.

Edição feita por: Victor Hugo Odo, 22/06/2010, 16:48.
Inserir codebox

#5 gilvancn

gilvancn

    Novato no fórum

  • Usuários
  • 5 posts
  • Sexo:Masculino

Posted 18/06/2010, 20:44

Ah, não não é ignorância, no começo é meio complicado mesmo.
No código acima estão marcadas .twoColFixLtHdr #sidebar1 { padding-top: 30px; }, isso na verdade seria a propriedade padding-top, da div marcada com o id sidebar1, que está dentro da tag marcada com o id twoColFixLtHdr.
Bom substitua

twoColFixLtHdr #sidebar1 { padding-top: 30px; }
.twoColFixLtHdr #mainContent { zoom: 1; }
Por
id_da_div{propriedade a ser alterada: propriedades;}

Simplesmesnte isso. Não se esqueça de colocar depois que você fechou a tag style, pois o css funciona por meio de cascata, traduzindo, ele lê a última propriedade declarada, ou seja, não funciona se colocar antes da tag style; e antes de frchar a tag <head>, pois se trata de um css.

Freelancers: shayllis@yahoo.com.br Sites em php, html e flash, animações design de folders, javascript e editores de imagem.


Caro shayllis, infelismente não consegui, não estou acompanhando seu raciocinio, tem como você dar uma olhada no meu código?
Se possível, baixa aqui, agradeço muito!!!

Edição feita por: Victor Hugo Odo, 22/06/2010, 16:48.
Inserir codebox

Aluno de informática não cola, faz backup.

#6 shayllis

shayllis

    12 Horas

  • Usuários
  • 152 posts
  • Sexo:Masculino
  • Localidade:Barueri - SP
  • Interesses:PHP, MySQL, ASP.NET C# e VB, DreamWeaver, VisualStudio, JavaScript

Posted 21/06/2010, 19:15

Bom, na verdade o código que eu coloquei é só um exemplo;
agora mais fácil
<style type="text/ss">
#nome_da_div{
margin-left: 80px;
width: 50px;
}
</style>

<!--[if IE]>
<style type="text/css">
/* place css fixes for all versions of IE in this conditional comment */
#nome_da_div{margin-left: 800px; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
</style>
</head>
<body>
<div id="nome_da_div">
</
</body>
</html>

Nesse exemplo, eu quis alterar somente a margem a esquerda mas dah para alterar tudo que queiras, é só trabalhar de div em div que dah certo. Eu já usei

Edição feita por: Victor Hugo Odo, 22/06/2010, 16:49.
Inserir codebox

#7 gilvancn

gilvancn

    Novato no fórum

  • Usuários
  • 5 posts
  • Sexo:Masculino

Posted 22/06/2010, 19:00

Bom, na verdade o código que eu coloquei é só um exemplo;
agora mais fácil

<style type="text/ss">
#nome_da_div{
margin-left: 80px;
width: 50px;
}
</style>

<!--[if IE]>
<style type="text/css">
/* place css fixes for all versions of IE in this conditional comment */
#nome_da_div{margin-left: 800px; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
</style>
</head>
<body>
<div id="nome_da_div">
</
</body>
</html>

Nesse exemplo, eu quis alterar somente a margem a esquerda mas dah para alterar tudo que queiras, é só trabalhar de div em div que dah certo. Eu já usei


Caro amigo shayllis,
obrigado por sua paciência e por tentar me ajudar, porém não tá rolando, minhas dúvidas:
Esse código funciona perfeitamente em xlm?
Troca "nome_da_div" pelo nome da minha div que desejo alterar, correto?
Por que esou recebendo a mensagem de erro seguinte?
"Não foi possível analisar o seu modelo, pois sua formatação é inadequada. Certifique-se de que todos os elementos XML estão fechados adequadamente.
Mensagem de erro em XML: The string "--" is not permitted within comments."
Agradeço muito a sua ajuda!!!
Aluno de informática não cola, faz backup.

#8 shayllis

shayllis

    12 Horas

  • Usuários
  • 152 posts
  • Sexo:Masculino
  • Localidade:Barueri - SP
  • Interesses:PHP, MySQL, ASP.NET C# e VB, DreamWeaver, VisualStudio, JavaScript

Posted 23/06/2010, 16:21

Em xml não, mas xhtml sim
Não, o nome_da_div é para trocar pelo id da div que desejas alterar

#9 gilvancn

gilvancn

    Novato no fórum

  • Usuários
  • 5 posts
  • Sexo:Masculino

Posted 01/07/2010, 10:04

Pessoal, ainda não consegui resolver meu problema, ajuda por favor!!!
:assobio: :assobio: :assobio:

Edição feita por: gilvancn, 01/07/2010, 10:05.

Aluno de informática não cola, faz backup.

#10 HaroNism

HaroNism

    Super Veterano

  • Usuários
  • 15385 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 25/09/2017, 17:40

Online Pharmacy Montreal Viagra Cheap Sold In Us cialis Cafergot For Sale World Chemist
Viagra Doping cialis Cheap Viagra Super Active Acheter Amoxicillin Medicament Fonts Prescrire
Amoxicilline Clavulanate De Potassium Generico Priligy (Dapoxetine) cialis Buy Dapoxetine Acheter Viagra Au Maroc

#11 HaroNism

HaroNism

    Super Veterano

  • Usuários
  • 15385 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 07/10/2017, 23:47

Propecia Worked For Me Thinning Hair Zithromax Skin Rash Side Effects Viagra Professional online pharmacy Cialis Terapia Riabilitativa Acquistare Kamagra Svizzero Kamagra Pillen
Buy Olistat Kamagra Tesco viagra prescription Compulsive Disorder Canada Rosacea Amoxicillin Does The Levitra You Can Buy Online Work The Same

#12 HaroNism

HaroNism

    Super Veterano

  • Usuários
  • 15385 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 22/10/2017, 08:20

Viagra And Dropomine viagra Levitra En Francais Viagra Tabletten
Can You Safely Take Expired Amoxicillin Find Dutasteride Levitra Vs Viagra Comparison buy cialis Amoxicillin Gonorrhea
Tarif Du Kamagra Acheter Cialis Original En Ligne Cialis Generico En El Df cialis online For Sale Zentel

#13 RonsisM

RonsisM

    Super Veterano

  • Usuários
  • 15724 posts
  • Sexo:Masculino
  • Localidade:Plovdiv

Posted 22/10/2017, 10:46

Buy Discount Diflucan Viagra Joke Priligy Cuanto Cuesta viagra Vidal Levitra Kamagra Consegna Veloce Buy Colchicine Tablets Online

#14 Miguceamma

Miguceamma

    MiguPenjisse

  • Usuários
  • 13201 posts

Posted 22/10/2017, 13:26

discount programs for accutane viagra Cephalexin Dosage Chart For Cats Acquistare Cialis Viagra How To Last Longe
Will Keflex Cure Syphilis Alcohol And Cephalexin Prix Cytotec best prices for on line levitra Kamagra Espana Esta Citalopram Canada Pharmacy
Zithromax At Walmart Cialis Precio Oficial Farmacia viagra Prix Du Cialis 5 Mg En Pharmacie Levitra Vorkasse
Feline Allergic Reaction To Amoxicillin Canada Z Pack Levitra Rezeptfrei Kaufen viagra prescription Cialis Lilly Pas Cher
24 Pharmacy Canadian Comprar Viagra Con Mastercard Buy Viagra Without Prescription' best online levitra Zentel Valbazen Overnight Shipping Buy Without Perscription Tetracycline Vendors Levitra Informacion En Espanol

#15 HaroNism

HaroNism

    Super Veterano

  • Usuários
  • 15385 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 22/10/2017, 16:01

Provence viagra cialis levitra combo packs Buy Generic Plavix Canada Priligy Juridique Australie
Lexin Cephalexin cheap cialis Levitra Tarif Maroc Secure Ordering Isotretinoin With Free Shipping Saturday Delivery Price Anafranil Online
Silvitra Cialis 10mg France Alternativas Del Viagra viagra Viagra Zoll Discount Generic Dutasteride Real Cheapest Doxycycline Uk
Achat Levitra viagra where can i buy accutane yahoo Achat En Ligne Misoprostol
Mexico Viagra Online levitra on sale Order Cephalexin From Mexico Proper Dosage Amoxicillin Sore Throad Comprar Cialis Quito
Acquisto Sildenafil 120 Mg Cialis 5 Mg Precio En Farmacia viagra Isotretinoin cod accepted website Does Propecia Regrow Hair
Levitra Donde Comprar buy levitra 20mg usa Where To Buy Amoxicilina Cod Accepted Milan
Cialis 20 Mg X 30 Pill For $76.5 viagra online Online Parmacy Dutasteride Duprost For Sale Cephalexin Antibiotic
Mail Order Levitra viagra online prescription Comprare Priligy In Farmacia
Voltar para HTML, CSS e Metodologias


1 user(s) are reading this topic

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

  1. Fórum WMO
  2. → Desenvolvimento
  3. → HTML, CSS e Metodologias
  4. Privacy Policy
  5. Regras ·
IPB Skin By Virteq