Ir para conteúdo

POWERED BY:

Arquivado

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

animenews

site distorcendo no iexplore

Por , em Desenvolvimento frontend

Recommended Posts

animenews    0

animenews
Postado

ola pessoal to com um problema meu ste ta distorcendo no iexplore alguem pode ajudar:???

ele roda em quanquer browser legal mais no explore ta ruin.

o link dele é esse www.boavistadesign.com.br

não sei usar o css reset diserão q pode ajuadar!

aguem pode me ajudar muito garto!

 

vou passar o ccs para vcs darem uma olhada

 

css_______________________________________________________

 

body {
margin: 0;
padding: 0;
line-height: 1.5em;
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
color: #000000;
background: #b9d5ff url(images/templatemo_main_bg.jpg) repeat-x top;
}

a:link, a:visited { color: #000000; text-decoration: underline; font-weight: normal; } 
a:active, a:hover { color: #0066FF; text-decoration: none; }

p {
margin: 0px;
padding: 0 0 10px 0;
color: #000;
}

img {
margin: 0px;
padding: 0px;
border: none;
}

.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px;  }

.margin_bottom_10 { clear: both; width: 100%; height: 10px; font-size: 1px;	}
.margin_bottom_20 { clear: both; width: 100%; height: 20px; font-size: 1px;	}
.margin_bottom_30 { clear: both; width: 100%; height: 30px; font-size: 1px;	}
.margin_bottom_40 { clear: both; width: 100%; height: 40px; font-size: 1px;	}
.margin_bottom_50 { clear: both; width: 100%; height: 50px; font-size: 1px;	}
.margin_bottom_60 { clear: both; width: 100%; height: 60px; font-size: 1px;	}

.margin_right_20 { margin-right: 20px; }
.margin_right_40 { margin-right: 40px; }

.dashed_border_bottom {
border-bottom: 1px dashed #cccccc;
}

.dashed_border_right {
border-right: 1px dashed #cccccc;
}

.button_01 a {
clear: both;
display: block;
width: 195px;
height: 22px;
padding-top: 4px;
padding-left: 10px;
color: #ffffff;
font-size: 12px;
font-weight: normal;
text-decoration: none;
}
.button_01 a:hover {
color: #000000;
}

.button_green {
background: url(images/templatemo_readmore_green.jpg) no-repeat;
}

.button_blue {
background: url(images/templatemo_readmore_blue.jpg) no-repeat;
}

.button_orange {
background: url(images/templatemo_readmore_orange.jpg) no-repeat;
}


.fl { float: left; }
.fr { float: right; }

h1 {
margin: 0px;
padding: 10px 0;
font-size: 34px;
color: #ffffff;
font-weight: normal;	
}

h2 {
height: 15px;
margin: 0 0 20px 0;
padding: 18px 0 10px 0;
font-size: 24px;
color: #F00;
font-weight: normal;
letter-spacing: -2px;
background: url(images/templatemo_icon_01.jpg) left bottom no-repeat;
}

h2 span {
float: left;
padding-left: 3px;
padding-right: 10px;
display: block;
color: #ffffff;
}

h3 {
margin: 0;
padding: 0;
font-size: 12px;
color: #000000;
font-weight: bold;	
}

h4 {
margin: 0 0 5px 0;
padding: 0;
font-size: 12px;
color: #99FF00;
font-weight: bold;	
}

.em_text {
color: #00ffff;
}

.image_wrapper{
margin-top: 3px;
}

.fl_image {
float: left;
margin-right: 10px 
}

.fr_image {
float: right;
margin-left: 10px 
}

#templatmeo_container_outter {
width: 940px;
padding: 0 10px;
margin: 0 auto;	
background: url(images/templatemo_container_outter_bg.png) repeat-y;
}

#templatmeo_container_inner_01 {
width: 940px;
background: url(images/templatemo_container_inner_bottom.jpg) center bottom no-repeat;	
}

#templatmeo_container_inner_02 {
width: 940px;
padding-top: 40px;
background: url(images/templatemo_main_bg.jpg) repeat-x;	
}

/* menu */

#templatemo_menu {
clear: both;
width: 940px;
padding: 0 10px;
margin-bottom: 34px;	
background: url(images/templatemo_menu_bg.jpg) no-repeat;
}

#templatemo_menu ul {
width: 608px;
overflow: hidden;
padding: 0px;
margin: 0px auto;
list-style: none;
}

#templatemo_menu ul li {
padding: 0px;
margin: 0px;
display: inline;
}

#templatemo_menu ul li a {
float: left;
display: block;
height: 24px;
width: 120px;
padding: 1px 0;
font-size: 18px;
text-align: center;
font-weight: normal;
text-decoration: none;
color: #ffffff;	
background: url(images/templatemo_menu_right.jpg) right top no-repeat;
outline: none;
border-left: 2px solid #ffffff;
}

#templatemo_menu li a:hover, #templatemo_menu li .current {
color: #0F0;
}

#templatemo_menu li .first {
border: none;
}

/* end of menu */

/* content */

#templatemo_content {
clear: both;
position: relative;
width: 680px;
padding: 0 130px 0 150px;
margin-top: 24px;
margin-bottom: 0px;
background: url(images/templatemo_content_repeat.png) repeat-y;
}

#templatemo_content #content_top {
position: absolute;
top: -24px;
left: 0px;
width: 940px;
height: 24px;
background: url(images/templatemo_content_top.png) no-repeat;
}

#templatemo_content #content_top_left {
position: absolute;
top: 0px;
left: 78px;
width: 30px;
height: 140px;
background: url(images/templatemo_content_top_left.png) no-repeat;
}

#templatemo_content #content_bottom {
position: absolute;
bottom: -36px;
left: 0px;
width: 940px;
height: 36px;
background: url(images/templatemo_content_bottom.png) no-repeat;
}

.section_w680 {
width: 680px;
}

.section_w300 {
float: left;
width: 300px;
padding-right: 19px;
margin-right: 20px;
padding-top: 20px;
padding-bottom: 20px;
font-size: 16px;
text-align: center;
}

.section_w300 p {
text-align: justify;
margin-bottom: 10px;
}

.section_w70 {
float: left;
width: 70px;
}

.section_w220 {
float: right;
width: 220px;
}

#site_title {
float: left;
width: 360px;
height: 280px;
margin-right: -20px;
padding-bottom: 20px;
background: url(images/templatemo_logo.jpg) no-repeat;
}

/* end of content */

/* footer */

#templatemo_footer {
clear: both;
overflow: hidden;
width: 720px;
padding: 15px 110px 0 110px;
height: 130px;
text-align: center;
color: #FFF;
}

#templatemo_footer a {
color: #0F0;
}

#templatemo_footer .footer_section {
overflow: hidden;
width: 300px;
height: 90px;
}

.left_section {
float: left;
text-align: left;
}

.right_section {
float: right;
text-align: right;
}

.footer_list {
margin: 0px;
padding: 0px;
list-style: none;
}

.footer_list li {
padding: 0px;
margin: 0px;
}

#templatemo_footer .footer_list li a {
color: #ffff00;
text-decoration: none;
}

#templatemo_footer .footer_list li a:hover {
text-decoration: underline;
}

 

_______________________________html___________________

 

<html xmlns="http://www.boavistadesign.com.br">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Boa Vista Design 2011</title>
<meta name="keywords" content="Desenvolvimento de Sites" />
<meta name="description" content="Desenvolvimento de Sites" />
<link href="templatemo_style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
body {
background-image: url(images/abstrato_empresas.jpg);
}
s {
color: #0F0;
}
w {
color: #0F0;
}
edd {
color: #0F0;
}
g {
color: #0F0;
}
-->
</style></head>
<body>
<div id="templatmeo_container_outter">
 <div id="templatmeo_container_inner_01">
 	<div id="templatmeo_container_inner_02">
   	<div id="templatemo_menu">
   	          <ul>
                   <ul>
                     <li><a href="index.html">Home</a></li>
                     <li></li>
                     <li><a href="1/index.html">Galeria</a></li>
                     <li></li>
                     <li><a href="contato.html">Contato</a></li>         
                   </ul>      
           </ul>
   	</div> <!-- end of menu -->

     <div id="templatemo_content">
		<div id="content_top"></div>
           <div id="content_top_left"></div>

		<div class="section_w680  dashed_border_bottom">
           	<div class="section_w300 dashed_border_right">

               	<h2><span>01</span>Boa Vista Design!</h2>
               	<div class="section_w70"></div>
                   <div class="section_w220">

                   	 <p> Desenvolvemos websites personalizados de acordo com as necessidades de cada cliente. Cada caso recebe um tratamento especial e, através de um estudo minucioso de sua empresa, obtemos as informações necessárias para a obtenção do melhor resultado.</p>
                    <div class="button_01 button_green"></div> 
                 </div>

                   <div class="cleaner"></div>
             </div>

               <div id="site_title">
               </div>

               <div class="cleaner"></div>
           </div>

       <div class="section_w680">
      	  <div class="section_w300 dashed_border_right">

               	<h2><span>02</span>Porque ter um site?</h2>
<div class="section_w70"></div>
                   <div class="section_w220">

               		<p>O Brasil está na oitava posição no mundo entre os países que mais usam a internet em 2010, com mais de 12 milhões de acessos 
              		    .<br />
Os números são de um estudo da Akamai. <br />
              		    Por isso a importância de ter um site é cada vez mais crescente. E não somente ter um site qualquer, mas sim um site elaborado por profissionais da área, porque o site representa a imagem da sua empresa.</p>
<div class="button_01 button_orange"></div> 
           </div>

                   <div class="cleaner"></div>
          	  </div>
           	<div class="section_w300">

          	<h2><span>03</span>Tecnologia<br />
          	  <br />
          	</h2>
<div class="cleaner"></div>
<div class="cleaner"></div>
         </div>

         <object classid="clsid:166B1BCA-3F9C-11CF-8075-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/director/sw.cab#version=10,1,1,0" width="322" height="292">
                 <param name="src" value="bvanimecao.swf" />
                 <embed src="bvanimecao.swf" pluginspage="http://www.adobe.com/shockwave/download/" width="322" height="292"></embed>
         </object>
       </div>

		<div class="cleaner"></div>
		<div id="content_bottom"></div>
     </div>

	<div id="templatemo_footer">
	<div class="footer_section left_section">
	  <p><br />
	  </p>
	  <p><a href="http://twitter.com/#!/boavdesign"><img src="images/icone-twitter.png" width="38" height="38" /></a><a href="http://www.facebook.com/home.php?sk=group_191677847547722"><img src="images/Facebook_icon.png" width="38" height="38" /><a href="http://www.orkut.com.br/Main#Community?cmm=115455686"><img src="images/orkut-icon.png" width="38" height="38" /></a></p>
           <p> </p>
         </div>
         <div class="margin_bottom_10"></div>
 Copyright © 2011 <a href="#"><strong>Boa Vista Design</strong></a></div> <!-- end of footer -->

   <div class="cleaner"></div>
       </div> <!-- end of inner container-->
   	<div class="cleaner"> </div>        
   </div> <!-- end of inner container -->
</div> <!-- end of container outter -->
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

animenews    0

animenews
Postado

Opa, você pode dizer em qual versão do IE apresenta o problema?

Ou postar uma imagem com o erro.

 

A versão 9 do IE

consegui dar uma arumada mais ou menos retirando algumas coisas , porem agora esta descentralizado.

se você abrir o site o IE9 e depois no chrome vai ver a diferença!no chrome ele fica certino no centro da tela na desgraça do explore fica na esquerda.

se eu acerto ele no IExplore ele distorce no chrome e no firefox!

So o IE9 q ta problema tenho ate desativar uns recursos para ativar o as animaçoes em flash!

muito obrigado pelo interesse em ajudar!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Giovani    104

Giovani
Postado

animenews, sei que não é a sua dúvida, mas vai uma dica: com o código do jeito que está, sujo, ficará meio difícil pra você arrumar. Estude mais, deixe seu código menor e tal. Pesquise sobre divmania que você vai entender o que estou falando.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

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

  Aceito