Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

webdesign

site deformado no internet explorer

Recommended Posts

tenho estas linhas no css mas elas funcionam bem no mozzila como posso fazer para funcionar bem no internet explorer

[/* BOXES CARTAZ */
.
eu alterei esta linha e consegui arranjar bem para o internet explorer
[code].box-cartaz ul{ height:125px; margin-top:3px;}

 

está assim funciona bem no mozila

[code] .box-cartaz ul{ height:125px; margin-top:-15px;} 

[/code]

 

Como faço para manter as 2 sem alterar nos browser

 

aqui ta o css dessa categoria

 

 

 

 


/* BOXES CARTAZ */
.box-cartaz{
margin-top:20px; width:100%; color:#926B44; overflow:hidden;
}
.box-cartaz .cartaz-container{
width:648px;
height:140px;
overflow:hidden;
border:1px solid #DDBD93;
background-color: #fff;
background-image: url(../images/estrutura/bg-bege1.jpg);
background-repeat: repeat-x;

}
.box-cartaz ul{
display:block; 
margin:0; 
margin-top:5px; 
margin-left:-1px; 
width:1400px; 
height:135px; 
overflow:hidden;
}
.box-cartaz li{
display:block; 
float:left; 
width:215px; 
height:135px; 
border-left:1px dotted #DDBD93;
}
.box-cartaz li p{
margin-right:3px; margin-bottom:5px; line-height:14px; font-size:11px;
}
.box-cartaz li p span{
font-weight:bold;
}
.box-cartaz li p a{
text-decoration:none; color:#5F3812;
}
.box-cartaz li p a:hover{
color:#3F2308; text-decoration:underline;
}
.box-cartaz li .box-cartaz-filme{
width:82px; height:122px; float:left; margin:0 5px; overflow:hidden; background:#fff;	
}
/*.box-cartaz li.estreia .box-cartaz-filme a{ display:block; width:80px; height:120px; overflow:hidden;}*/
.box-cartaz li .box-cartaz-filme img{
width:78px; height:113px; padding:1px; display:block; border:1px solid #CFAB8E; 
}

.box-cartaz li .box-cartaz-filme img:hover{ border-color:#8F533E;}
.box-cartaz li .box-cartaz-titulo{
margin-bottom:10px;
}
.box-cartaz li .box-cartaz-titulo a{
font-size:13px; font-weight:bold; color:#630; text-decoration:none;
}




/*Box Cartaz - reconfigurando*/
.box-cartaz{ width:420px; float:right; margin-top:0; position:relative; margin-bottom:8px; overflow:visible;}
#box-emcartaz{ margin:0 0 10px 0;}
.box-cartaz .cartaz-container{ height:130px; width:418px;}
.box-cartaz h2{ padding:0; }
.box-cartaz h2 a{ font-size:18px; color:#900;}
.box-cartaz ul{ height:125px; margin-top:-5px; }
.box-cartaz li{ height:125px; width:209px; margin:0;}
.box-cartaz li .box-cartaz-filme{ margin-left:3px;}
.box-cartaz .box-cartaz-fim{ height:22px; width:418px; }
.box-cartaz .box-cartaz-fim p{ margin:3px 3px 0 3px; width:48%;}
.box-cartaz .box-nav span.btn{
position:absolute;
top:70px;
left:-5px;
width:30px;
height:30px;
z-index:100;
background-image: url(../images/estrutura/nav-setas-home.png);
background-repeat: no-repeat;
background-position: 0 0;
}
.box-cartaz .box-nav span.next{ left:auto; right:-5px; background-position:-30px 0;}
.box-cartaz .box-nav span.btn:hover{ background-position:0 -30px; }
.box-cartaz .box-nav span.next:hover{ background-position:-30px -30px; }

Compartilhar este post


Link para o post
Compartilhar em outros sites

webdesign, quem sabe se você postar um link ou uma imagem com o que você deseja fique mais fácil pra alguém tentar ajudar :mellow:

Compartilhar este post


Link para o post
Compartilhar em outros sites

/*Box Cartaz - reconfigurando*/

.box-cartaz{ width:420px; float:right; margin-top:0; position:relative; margin-bottom:8px; overflow:visible;}

 

Tira essa propriedade em negrito e veja se resolve, eu costumava usar position relative nos meus layouts e geralmente tinha diferenca entre navegadores padrao e IE(navegador rebelde :grin: )

Compartilhar este post


Link para o post
Compartilhar em outros sites

/*Box Cartaz - reconfigurando*/

.box-cartaz{ width:420px; float:right; margin-top:0; position:relative; margin-bottom:8px; overflow:visible;}

 

Tira essa propriedade em negrito e veja se resolve, eu costumava usar position relative nos meus layouts e geralmente tinha diferenca entre navegadores padrao e IE(navegador rebelde :grin: )

Simplesmente tirar?

 

Então Net, tu usava no layout TODO! Ele tá usando só num box, é diferente.

Position foi feito pra ser usado, e tu usou de maneira errada. Não culpa a propriedade :)

Compartilhar este post


Link para o post
Compartilhar em outros sites

hahahaha, eu sei Diéssica, mas pensei que no caso dele talvez pudesse funcionar, pois mesmo usando em uma só div, dependendo da forma que se está utilizando tb pode dar problema :thumbsup:

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.