Jump to content

Archived

This topic is now archived and is closed to further replies.

Fabianodedo3

Template não funciona direito no IE

Recommended Posts

Seguinte, eu e um amigo estamos criando um site/blog, bom como agente não tinha dinheiro para mandar fazer o template eu mesmo fiz, sabia algo de css, html e php, mas só que emu site ficou um merdo no ie, só no ie, todo desconfigurado.

 

http://chinelaco.com.br/

 

CSS:

body{
background:url(http://chinelaco.com.br/wp-content/themes/Chinelaco/images/imagem1.jpg)no-repeat;
background-color:orange;
color:#fff;
text-align:center;
margin:4px;
}
#tudo{
width:1024px;
text-align:left;
margin:0 auto; 
}
#blocogeral{
width:1000px;
margin:0 auto;	
text-align:left;
padding:0px;
clear:both;
} 
#header{
text-align:left;
width:100%;
clear:both;
}
#topo{
 height:200px;
 float:left;
 clear:both;
 }
#banner2{
 float:right;
 margin-top:29px;
 color:black;
 padding:5px;
}
#menu{
 height:28px;
 background:#fff;
 float:right;
 width:295px;
 border-radius:8px;
 color:black; 
 margin-top:4px;
}
#menu ul{
 float:left;
 list-style:none;
 margin-top:2px;
 padding:0;
 margin-left:19px;
}
#menu ul li{
 display:inline;
 margin-right:;
 font-size:18px;
}
#menu a{
 text-decoration:none;
 color:orange;

}
#menu a:hover{
 color:#fc8424;
}
#menu ul:hover{
 margin-top:0px;
}
#botoes{
 background:#fff;
 height:78px;
 float:right;
 width:295px;
 border-radius:11px; 
 margin-top:4px;
}
#twitter{
 margin-left:5px;
 margin-top:5px;
 float:left;
 background:url(http://chinelaco.com.br/wp-content/themes/Chinelaco/images/twitter.png);
}
#facebook{
 float:left;
 margin-left:4px;
 margin-top:5px;
 background:url(http://chinelaco.com.br/wp-content/themes/Chinelaco/images/facebook.png);
}
#orkut{
 float:left;
 margin-left:5px;
 margin-top:5px;
 background:url(http://chinelaco.com.br/wp-content/themes/Chinelaco/images/orkut.png);
}
#rss{
 float:right;
 margin-top:5px;
 margin-right:5px; 
 background:url(http://chinelaco.com.br/wp-content/themes/Chinelaco/images/rss.png);
}
#rss:hover{
 background:url(http://chinelaco.com.br/wp-content/themes/Chinelaco/images/rssh.png);
}
#twitter:hover{
 background:url(http://chinelaco.com.br/wp-content/themes/Chinelaco/images/twitterh.png);
}
#orkut:hover{
 background:url(http://chinelaco.com.br/wp-content/themes/Chinelaco/images/orkuth.png);
}
#facebook:hover{
 background:url(http://chinelaco.com.br/wp-content/themes/Chinelaco/images/facebookh.png);
}
#calendario{
 height:180px;
 background:url(http://chinelaco.com.br/wp-content/themes/Chinelaco/images/5maio.png)no-repeat;
 margin-top:10px;
 margin-left:10px;
 margin-bottom:10px;  
}
#bannersidebar{
 width:275px;
 height:230px;
 margin-left:10px;
 margin-top:15px;
 margin-bottom:10px;
  }
#sidebar{
 width:295px;
 background:#fff;
 height:1500px;
 float:right;
 border-radius:8px;
 margin-bottom:4px;
 margin-bottom:65px; 

}
#imagemfacebook{
 margin-bottom:7px;
 margin-left:8px;  
}
#banner{
 background:url(http://chinelaco.com.br/wp-content/themes/Chinelaco/images/banner.png) no-repeat;
 margin-top:10px;
 height:80px;
 margin-left:10px;
 margin-bottom:50px;
}
#busca{ 
margin-top:4px;
margin-bottom:4px;	
color:black;
height:18px;
float:right;
width:295px;
} 
/*#iconebusca{
 margin-left:20px;
 margin-top:2px;
 background:url(http://localhost/wordpress%20Pt-Br/wp-content/themes/Chinelaco/images/iconebusca.png)no-repeat;

}*/
/*#iconebusca:hover{
 background:url(http://chinelaco.com.br/wp-content/themes/Chinelaco/images/iconebuscahover.png)no-repeat;
 clear:both;
 }*/
#centro{
 width:700px;
 float:left;
 background:#fff;
 color:#000;
 margin-right:4px;
 margin-top:4px;
 margin-bottom:65px;
 border-radius:8px;
 font-family:'tahoma';
}
#centropagina{
 width:700px;
 float:left;
 height:1636px;
 background:#fff;
 color:#000;
 margin-right:4px;
 margin-top:4px;
 border-radius:8px;
 margin-bottom:65px; 
 font-family:'tahoma';
}
#centrobusca{
 width:690px;
 float:left;
 background:#fff;
 color:#000;
 margin-right:4px;
 margin-top:4px;
 border-radius:8px;
 margin-bottom:65px;
 padding:5px;
 height:1626px;
 font-family:'tahoma';
}
#busca2{
 margin-top:20px;
 border-bottom:1px solid #ccc; 
 margin-bottom:10px;  
}
#centrobusca h2{
Font-size:25px;
margin:0px;
margin-left:25px;
margin-bottom:3px;
padding:0px;
font-family:"tahoma";
}
#centrobusca h2 a{
 Color:black;
 text-decoration:none;
}
#centrobusca h2 a:hover{
 Color:black;
 text-decoration:underline;
 }
#centrobusca h3{
 margin-bottom:25px;
 margin-left:25px;
 font-size:20px;
 Color:#fc8424;
 font-family:"tahoma";
}
#centrobusca p{
font-size:14px;
margin:0px;
margin-left:25px;
margin-top:0px;
font-family:"tahoma";
margin-bottom:10px;  
}
#imagemt{
 background:url(http://chinelaco.com.br/wp-content/themes/Chinelaco/images/imagemt.png) no-repeat;	
 text-align:left;
 margin:0;
 padding:0;
 font-family:'tahoma';
 font-size:11px;
}
#imagemt2{
 background:url(http://chinelaco.com.br/wp-content/themes/Chinelaco/images/imagemt.png) no-repeat;	
 text-align:left;
 margin:0;
 padding:0;
 font-family:'tahoma';
 font-size:11px;
} 
#imagemt2 h1 a{
color:black;
text-decoration:none;
margin-left:25px;
}
#small{
 float;left;
}
small{
 font-size:12px;
 color:#8a8a8a;
 margin-left:26px;
 list-style:none;
}
small a{
 text-decoration:underline;
 color:#8a8a8a;

}
small a:hover{
 text-decoration:none;
 color:black;	
}
#coments{
 float:right;
 margin-right:15px;

}
#centro p{ 
 font-family:'tahoma'
 margin: 14px 25px 10px;
 text-align:center;
 font-size:15px;
 padding:0 5x 0; 
 line-height:2px;
 }
#texto{
width:650px;
margin-left:25px;
font-family:'tahoma';
} 
#centro p a{
 color:#e08b00;
 color:#e08b00;
 text-decoration:none;
} 
#imagemt h1{
 margin-top:25px;
 margin-left:40px;

}
#rodapecentro{
 margin-left:60px;
 width:400px;     
 margin-bottom:40px;
}
#rodape{
width:1000px;
background:#fff;
color:#000;
height:170px;
clear:both;
padding:0px;
margin:0 auto;
border-radius:8px;
background:url(http://chinelaco.com.br/wp-content/themes/Chinelaco/images/bgrodape2.png);
}
#ctwitter{
float:left;
margin-left:349px;
margin-top:70px;
background:url(http://chinelaco.com.br/wp-content/themes/Chinelaco/images/twitter.png);
}
#crss{
float:right;
margin-top:70px;
margin-right:349px;
background:url(http://chinelaco.com.br/wp-content/themes/Chinelaco/images/rss.png);  
}
#corkut{
float:right;
margin-top:70px;
margin-right:10px;
background:url(http://chinelaco.com.br/wp-content/themes/Chinelaco/images/orkut.png);
}
#cfacebook{
margin-top:70px;
float:left;
margin-left:10px;
background:url(http://chinelaco.com.br/wp-content/themes/Chinelaco/images/facebook.png);
}
#ctwitter:hover{
background:url(http://chinelaco.com.br/wp-content/themes/Chinelaco/images/twitterh.png);
}
#crss:hover{
background:url(http://chinelaco.com.br/wp-content/themes/Chinelaco/images/rssh.png);
}
#corkut:hover{
background:url(http://chinelaco.com.br/wp-content/themes/Chinelaco/images/orkuth.png);
}
#cfacebook:hover{
background:url(http://chinelaco.com.br/wp-content/themes/Chinelaco/images/facebookh.png);
}
#creditos{
font-size:11px;
float:left;
margin-left:230px;
color:#565656;
margin-top:5px;
}
#creditos a{
Color:#282828;
}
#creditos a:hover{
text-decoration:none;
color:black;
}
/* div principal: defina a largura do seu widget */
#widget-twitter {width:295px; color:#502A02;}
#widget-twitter img {border:0;}
#widget-twitter div {margin:0; padding:0; }
#widget-twitter a {color:#fda546; font-weight:bold; text-decoration:none;}

/* conteudo: insira o plano de fundo e formate a tag <li> que irá exibir seus posts */
#widget-twitter .conteudo {background:url(images/corpotw.png) repeat-y;}
#widget-twitter .conteudo ul {margin:0; padding:5px 35px; font-size:12px; font-family:'tahoma';}
#widget-twitter .conteudo ul li {list-style-type:none; padding:7px 0; }


/* rodape */
#widget-twitter .rodape {height:62px; background:; padding:;}


/* Comments */

#commentsbox {
margin:0;
margin-left:20px;
margin-right:20px;

}

h3#comments{
font-size:20px;
color:black;
font-weight:bold;
padding:10px 10px ;
margin-top:10px;
background:#fd9530;
border:1px solid #CCC;
border-radius:5px;
font-family:'tahoma';
}


ol.commentlist {
margin:0px 0 0;
clear:both;
overflow:hidden;
list-style:none;


}
ol.commentlist li {
margin:5px 0;
line-height:18px;
padding:10px;
background:#f9f9f9;
border:1px solid #eee;

}
ol.commentlist li .comment-author {
color:#333;


}
ol.commentlist li .comment-author a:link,ol.commentlist li .comment-author a:visited{

color:#333;
font-weight:bold;
text-decoration:none !important;
}

ol.commentlist li .comment-author .fn {
color:#333;
}
cite.fn{
color:#eee;
font-style:normal;
}
ol.commentlist li .comment-meta{
font-size:10px;

}
ol.commentlist li .comment-meta .commentmetadata{

color:#000;
}

ol.commentlist li .comment-meta a {
color:#e79e35;
text-decoration:none !important;
}
ol.commentlist li p {
line-height:22px;
margin-top:5px;
color:#666;
font-size:12px;		

}
ol.commentlist li .reply{
margin-top:10px;
font-size:10px;
}
ol.commentlist li .reply a{
background:#e0b561;
border:1px solid #ff943d;
color:black;
text-decoration:none;
padding:3px 10px;
border-radius:4px;
font-family:'tahoma';
}

ol.commentlist li.odd {

}
ol.commentlist li.even {

}

ol.commentlist li ul.children {
list-style:none;
margin:1em 0 0;
text-indent:0;

}

ol.commentlist li ul.children li.depth-2 {

margin:0 0 0px 50px;

}

ol.commentlist li ul.children li.depth-3 {

margin:0 0 0px 50px;

}

ol.commentlist li ul.children li.depth-4 {

margin:0 0 0px 50px;

}
ol.commentlist li ul.children li.depth-5 {

margin:0 0 0px 50px;

}
.comment-nav{

padding:5px ;
height:20px;

}

.comment-nav a:link,.comment-nav a:visited{

color:#E73540;
}

#respond{

padding:0px 0px ;
margin:10px 0px;
background:#f9f9f9;
border:1px solid #eee;

}
#respond h3 {
font-size:18px;
color:black;
background:#E73540;
font-weight:bold;
padding:10px 10px ;
background:#fd9530;
border:1px solid #ccc;
border-radius:5px;
font-family:'tahoma';

}
#commentform {
padding:10px 20px;
}
#commentform a {
color:#E73540;
}

#commentform p{
margin:5px 0px ;
color:#999;
}
#respond label{
display:block;
padding:5px 0;
color:#999;

}
#respond  label small {
font-size:10px;

}
#respond input {
margin-bottom:10px;
padding:5px 5px;
margin:0 10px 10px 0;
background:#fff;
border:1px solid #ffb15d;
color:#02070F;
}
#commentform  input{
width:50%;

}

#respond  input#commentSubmit {
width:100px;
padding:3px 5px;
background:#ffb016;
border:1px solid #ff9f16;
color:black;
margin:10px 0px;
cursor:pointer;
border-radius:4px;
font-family:'tahoma';
}
textarea#comment{
border:none;
background:#fff;
border:1px solid #ffb15d;
width:70%;
margin:10px 0px 0px 0px;
padding:5px 5px;
color:#02070F;
}
textarea#comment:hover{
border:1px solid #ff7200;
}
#respond input:hover{
border:1px solid #ff7200;
}
/* - TAG INICIO - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Início da edição das imagens do post.
Essa edição permite postar imagens de qualquer tamanho
sem quebrar o layout do site.
Aceita também qualquer posicionamento que o usuário	der a ela.
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
.size-large, .size-full, .size-medium, .size-thumbnail,
.alignnone, .alignleft, .aligncenter, .alignright, img{
max-width: 750px;	/* Limita o tamanho máximo para as Imagens no post*/
   height: auto;				/*A Altura é automatica para manter a proporção correta das imagens*/
}

.alignnone{
padding: 5px;
}

.aligncenter{
margin-left: auto;
margin-right: auto;
padding: 5px;
}

.alignright {
float: right;
padding: 5px;
}

.alignleft {
float: left;
padding: 5px;
}

.wp-caption {
border: 1px solid #DDDDDD;
text-align: center;
background-color: #F5F4F0;
padding-top: 6px;
margin: 10px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
  }

.wp-caption img {
  margin: 0;
  padding: 0;
  border: 0 none;
}

.wp-caption p.wp-caption-text {
font-size: 12px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
color: #666666;
text-transform: capitalize;
}
/* - - TAG FIM  - - */

 

Por favor ajudem :)

vlw

Share this post


Link to post
Share on other sites

Bom, isso não é sobre Word Press, é puro xhtml e css.. Tipo se ficar muito errado no IE é sinal que o xhtml e o css não foi bem estruturado, mas sabemos também que o internet explorer foi a pior coisa que a microsoft já inventou. Mas em fim, você pode "consertar" isso utilizando comentários condicionais, ou seja fazendo uma css para os internet explorers que deseja, é dificil deixar completamente igual, mas corrige 90% dos erros. Confira como fazer aqui: http://maujor.com/tutorial/condcom.php

 

Eu poderia mover direto para a área específica mas sei que o pessoal ao ver tanto código faria o mesmo que eu, então fica a seu critério.

Abs.

Share this post


Link to post
Share on other sites

Bom, isso não é sobre Word Press, é puro xhtml e css.. Tipo se ficar muito errado no IE é sinal que o xhtml e o css não foi bem estruturado, mas sabemos também que o internet explorer foi a pior coisa que a microsoft já inventou. Mas em fim, você pode "consertar" isso utilizando comentários condicionais, ou seja fazendo uma css para os internet explorers que deseja, é dificil deixar completamente igual, mas corrige 90% dos erros. Confira como fazer aqui: http://maujor.com/tutorial/condcom.php

 

Eu poderia mover direto para a área específica mas sei que o pessoal ao ver tanto código faria o mesmo que eu, então fica a seu critério.

Abs.

 

é como eu disse, é o primeiro template que eu faço, mas vou tentar usar os comentarios.

Share this post


Link to post
Share on other sites

×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.