Problemas com IE7

José Tonim · Abril 11, 2011

Olá..

Estou tendo uns 3 probleminhas com ie7, quebrando a cabeça e tudo.

- A imagem na hora de passar p/outra pagina fica com bordas pretas.

- O efeito de fecha e abrir outra pagina com ajax as vezes "pisca" outra pagina que é p/abrir e logo depois faz o efeito ..

- Na parte de portfolio a pagina abre sobre os outras div's ..segue

Se alguem puder dar um help..rs

Valeu!

Ted k' · Abril 11, 2011

Coloca o código ai... vamos ver como esta posicionando os elementos!

José Tonim · Abril 11, 2011

Código html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Portfando - Criação e Desenvolvimento de Sites</title>

<script type="text/javascript" src="scripts/jQuery.js"></script>
   <script type="text/javascript" src="scripts/js2.js"></script>
   <script type="text/javascript" src="scripts/loadin.js"></script>
   <link href="scripts/style.css" rel="stylesheet" type="text/css"/>



</head>
<body>
<div id="container">
<div id="top">
   	<div id="title">
  			<h1><a href="#" title="PortfandoDesign">Portfando</a></h1>
 		</div> <!-- Fim do #title --> 
      <div id="navigation">
 			<ul class="nav-links">

   			 <li><a href="sobre.html" title="Inicío">Início</a></li>
  				 <li><a href="sobre.html" title="Sobre">Sobre</a></li>
  				 <li><a href="portfolio.html" title="Portfólio">Portfólio</a></li>
  				 <li class="borderx2"><a href="contato.html" title="Contato">Contato</a></li>
 			</ul>
 	   </div> <!-- Fim do #navigation -->   

 </div><!-- Fim do #top -->

     <div id="wrap-content">	
    	<div id="content">
       <div id="content-text">
  		</div><!-- Fim do content-text -->
  		<div id="content-image">

 		</div><!-- Fim do #content-image -->

    </div><!-- Fim do #content -->
    </div><!-- Fim do #wrap -->

   <div class="separator"> </div> <!-- Fim do separator -->

  		<div id="sidebar">
   	  <h3>lorem ipsum dolor</h3>

       	<ul class="sidebar-list">
       		<li>Lorem ipsum dolor sit amet, consectetur sit
   adipiscding...</li>
       	<li>Lorem ipsum dolor sit amet, consectetur sit
   adipiscding...</li>
       	<li>Lorem ipsum dolor sit amet, consectetur sit
   adipiscding...</li>

       </ul>        
   </div> <!-- Fim do #sidebar -->

   <div id="info">

 <h2>Bem-vindo Ao <span class="heading-color2">Portfando!</span></h2>
 <p>Bem vindo ao meu portfólio. Me chamo José Antonio, entre e fique a vontade!</p>
 <p>Aqui estão expostos meus trabalhos de free-lance com webdesign .</p>

 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque lacinia pellentesque neque in hendrerit. Suspendisse in malesuada mi. Donec in dictum neque. Mauris vel lacus eget risus fermentum tristique. Nulla ac elit augue. </p>
	</div> <!-- Fim do #info -->

   <div id="footer">
  	  <p>© 2011 Portfando Design - Todos os direitos reservados.</p>
   </div> <!-- Fim do #fotter -->

</div> <!-- Fim do container -->

</body>
</html>

Código css:

/****reset****/
html,body,ol,ul,h1,h2,h3,p,em,a {
margin: 0;
padding: 0;
list-style: none;
font-weight: normal;
font-style: normal;
text-decoration: none;
font-family: "Trebuchet MS",Verdana,Arial,sans-serif;
font-size: 12px;
line-height: 1;
color: white;
}
/****global****/
body {
background-image: url(../imagens/background.png);
background-repeat: repeat-x;
background-color: #666666;
}
#container {
margin: auto;
width: 850px;
}
/****topo****/
#top {
width: 850px;
height: 119px;
}
#title {
float: left;
width: 278px;
height: 74px;
padding-top: 43px;
}
#title h1 {
display: block;
float: left;
width: 278px;
height: 74px;
text-indent: -9999px;
}
#title h1 a {
display: block;
width: 100%;
height: 100%;
background-image: url(../imagens/title.png);
background-repeat: no-repeat;
background-position: 0 0;
}
/****navegacao****/
#navigation {
float: right; 
}
.nav-links li {
display: block;
float: left;
list-style-type: none;
}
.nav-links li a {
float: left;
width: 120px;
height: 67px;
text-decoration: none;
text-transform: capitalize;
color: #666666;
font-size: 14px;
text-align: center;
padding-top: 52px;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #cecece;
}
.nav-links li a:hover {
color: #787878;
background-image: url(../imagens/nav_hover.png);
background-repeat: no-repeat;
background-position: center bottom;
}
li.borderx2 {
	border-right-width: 1px;
   border-right-style: solid;
   border-right-color: #cecece;
}
/****conteudo****/
#wrap-content {
padding-top: 40px;
background-image: url(../imagens/content_background.png);
background-repeat: no-repeat;
height: 326px;
}
#content {
float: left;
width: 850px;
}
#img {
float: left;
width: 850px;
}
h2 {
text-transform: uppercase;
color: white;
font-size: 16px;
margin-bottom: 15px;
}
.heading-color2 {
color: #CCC;
}
#content-text {
width: 406px;
line-height: 18px;
padding-top: 50px;
float: left;
text-align: justify;
}
#content-text {
margin-bottom: 15px;
}
#content-text p {
line-height: 1.2;
}
.list li {
text-decoration: none;
background-image: url(../imagens/right.png);
background-repeat: no-repeat;
list-style-type: none;
float: left;
width: 180px;
padding:0 0 2px 20px;
margin-top: 15px;
background-position: left center;
}
#content-image {
float: right;
height: 326px;
width: 425px;
}
#load {
display: none;
position: absolute;
right: 10px;
top: 10px;
width: 31px;
height: 31px;
text-indent: -9999em;
background-image: url(../imagens/ajax-loader.gif);
}

ul.gallery {
width:100%;
margin-top:20px;
float:left;
margin-bottom:20px;
}
ul.gallery li {
width:auto;
float:left;
margin-left:6px;
margin-bottom:3px
}

#content2 p .img_wrap {
width:auto;
margin:5px 10px 0 0;
float:left
}
#content2 p .img_wrap_right {
width:auto;
margin:5px 0 0 10px;
float:right
}
.Img-gallery {
width:100%;
float:left;
margin-top:30px;
}
.Img-gallery li {
width:263px;
float:left;
margin:0 7px;
margin-bottom:15px;
border:3px solid #333;
}
.Img-gallery li a {
float:left
}
.Img-gallery li .content2 {
width:243px;
float:left;
padding:0px 10px;
margin:0;
background-color: #333;
}
.Img-gallery li .content2 p {
color:#fff;
margin-top:0px;
text-align:left;
line-height:14px;
}
.Img-gallery li h4 {
color:#fff;
border-bottom:0px;
margin-top:5px;
}
.Img-gallery li a.pic1 {
width:263px;
height:134px;
background:url(../imagens/gallery-3_1.jpg) no-repeat;
}
.Img-gallery li a.pic1:hover {
width:263px;
height:134px;
background:url(../imagens/gallery-3_img1.jpg) no-repeat;
}
.Img-gallery li a.pic2 {
width:263px;
height:134px;
background:url(../imagens/gallery-3_2.jpg) no-repeat;
}
.Img-gallery li a.pic2:hover {
width:263px;
height:134px;
background:url(../imagens/gallery-3_img2.jpg) no-repeat;
}
.Img-gallery li a.pic3 {
width:263px;
height:134px;
background:url(../imagens/gallery-3_3.jpg) no-repeat;
}
.Img-gallery li a.pic3:hover {
width:263px;
height:134px;
background:url(../imagens/gallery-3_img3.jpg) no-repeat;
}
.Img-gallery li a.pic4 {
width:263px;
height:134px;
background:url(../imagens/gallery-3_4.jpg) no-repeat;
}
.Img-gallery li a.pic4:hover {
width:263px;
height:134px;
background:url(../imagens/gallery-3_img4.jpg) no-repeat;
}
.galleryContainer img {
float:left;
}
/****separador****/
.separator {
background-image: url(../imagens/separator.png);
background-repeat: no-repeat;
float: left;
height: 20px;
width: 850px;
margin-top: 22px;
margin-bottom: 20px
}
/****siderbar****/
#sidebar {
float: left;
height: 209px;
width: 219px;
background-image: url(../imagens/contentbox.png);
background-repeat: no-repeat;
padding-top: 25px;
padding-right: 20px;
padding-bottom: 30px;
padding-left: 20px;
}
h3 {
text-transform: uppercase;
color: white;
text-align: center;
margin-bottom: 20px;
font-size: 12px;
}
.sidebar-list li {
list-style-type: none;
margin-top: 10px;
padding-bottom: 10px;
background-image: url(../imagens/divider.png);
background-repeat: repeat-x;
background-position: bottom;
line-height: 1.2;
}
/****info****/
#info {
float: right;
width: 550px;
text-align: justify;
}
#info p {
margin-bottom: 9px;

}
/****footer****/
#footer {
float: left;
width: 850px;
background-image: url(../imagens/footer.png);
background-repeat: no-repeat;
height: 60px;
margin-top: 40px;
padding-top: 25px;
text-align: center;
}

José Tonim · Abril 18, 2011

Up..e o site on..Site teste

Entrar

Arquivado

Problemas com IE7

Recommended Posts

José Tonim 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Ted k' 126

Compartilhar este post

Link para o post

Compartilhar em outros sites

José Tonim 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

José Tonim 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

JAVA - Orientação para Invalidar Sessão

JAVA - Ajuda em Paginação

printf iniciante básico

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante