[Resolvido] Background de DIV nao aparece no Internet Explorer

Leonilton Rocha · Agosto 10, 2011

Olá Pessoal, estou com uma pequena bronquinha que está tirando meu sono, já pesquisei em outros fóruns e as soluções achadas não me deram resultados. O problema é o seguinte:

Estou desenvolvendo um site que funciona normalmente no firefox, entretanto no IE ela mostra um bug onde a div #logo nao mostra o background que é justamente da logomarca de meu cliente.

Se alguém pude me ajudar eu agradeço!

Observação: Vocês verão muitas falhas de design, pois as imagens do layout ainda nao estão prontas, quero primeiro organizar o código e as funcionalidades;

Aqui está um link onde vocês podem visualizar a página www.powerclipdesign.com.br/isv

*
{
border: 0;
margin: 0;
}

img
{
border: 0px;
}

body{
font: 12px Arial, Helvetica, sans-serif;
color: #000000;
/*background: url("images/bg.jpg") center top repeat-x #FFF;*/
line-height: 20px;
height:100%;
width:100%;

}

#main {
width: 1014px;
margin: 0px auto;
background:url(images/main.jpg) right top no-repeat;}

#header { 
height: 203px;
}

#logo {	
	height:102px;
	width:900px;
	padding: 50px 30px 0px 0px;
	text-align: right;
	background:url(images/logo.jpg);
	margin: auto;
	color:#000;
}


#logo a {
text-decoration: none;
text-transform: lowercase;
font-size: 14px;
font-weight:100;
color: #ffffff;
text-align: right;
}

#logo H3 a{
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: 100;
text-align: right;
}

#buttons{
text-align:center;
height: 34px;
margin-left: 496px;
background: url(images/buttons.png) center top no-repeat;
width: 515px;
padding-left: 3px;
padding-top: 8px;

}

#buttons a {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
display: block;
float: left;
text-decoration: none;
color: #ffffff;
text-align: center;
padding-top: 2px;
height: 20px;
width: 100px;
}

.but {


}

.but_razd { 
width: 3px;
height: 8px;
float:left;}


#buttons .but:hover {
text-decoration: none;
background:url(images/but_hover.jpg);}

.top { height:340px;
background:url(images/top.png) left top no-repeat;}

.top_text {
width: 942px;
float:left;
background: url(images/content_text.png);
height:308px;
padding: 0px 32px 0px 0px;}

.top_img { 
float:left;
padding: 15px 31px 0px 15px;			
}
.top h1 {
color:#ffffff;
font-size:16px;
padding: 5px 0px 15px 8px;
font-weight: bold;
background: url(images/h1_top.jpg) left top no-repeat;
}	


.top_left { width: 470px;
padding: 5px 0px 0px 5px;
float: left;
height: 335px;}

.top_right { width: 535px;
float: left;
background: url(images/banner01.png) left 4px no-repeat;
height: 340px;}


.top_right2 { width: 535px;
float: left;
background: url(images/banner02.png) left 4px no-repeat;
height: 340px;}

.top_right3 { width: 535px;
float: left;
background: url(images/banner03.png) left 4px no-repeat;
height: 340px;}

.top_right4 { width: 535px;
float: left;
background: url(images/banner04.png) left 4px no-repeat;
height: 340px;}

#content{

}


.circl { background: url(images/circl.gif) left top no-repeat;
height: 15px;
width: 17px;
margin: 0px 2px 0px 2px;
float:left; }
.circl:hover {
background:url(images/circl_hov.gif) left top no-repeat; }

.ram1_bg {
background: url(images/ram1_bg.jpg) left top no-repeat #A19F9F;
padding: 0px 10px 0px 15px;

}
.ram1_bot {
background:url(images/ram1_bot.jpg) left bottom no-repeat;
height: 12px; }

.span_cont{
font-size:12px;
color:#7B3401;
font-weight:bold;
}

.span_cont2 {
font-size:12px;
color:#7B3401;
font-weight:bold;
background: url(images/fish_top.gif) no-repeat 5px 8px;
padding-left: 30px;
padding-top: 5px;
}

.read_but {
float:right;
margin: 0px 40px 0px 0px;
background: url(images/but_read.gif) left top no-repeat;
width: 114px;
height: 23px;
padding: 5px 0px 0px 0px;
text-align: center;
vertical-align: middle;
}
.read_but a {
height: 28px;
color:#FFFFFF;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;}
.read_but a:hover { text-decoration:underline;}

.i_col_razd {}

.float_left {float:left;}

.i_col {
width: 318px;
float: left;
background: url(images/i_col.png) left top no-repeat;
padding: 5px 5px 0px 5px;
height: 214px;}

.i_col h1 {
background: url(images/i_col_h1.png) left top no-repeat;
padding: 5px 0px 15px 8px;
color: #FFFFFF;
font-size: 16px;
font-weight: bold;}

.ram2_bg {
background: url(images/ram2_bg.gif) left repeat-y;

}
.ram2_bot {
background:url(images/ram2_bot.gif) left bottom no-repeat;
height: 12px; }

.a_more {
height:32px;
padding: 11px 0px 0px 0px;
width: 156px; 
float:right; 
margin: 10px 0px 0px 10px;
background: url(images/a_more.jpg) ;
display: block;
font-family: Georgia, "Times New Roman", Times, serif;
color:#FFFFFF;
text-align:center;
font-size: 18px;
text-decoration:none;
}

.a_more:hover {
background: url(images/a_more_hover.jpg);

}


.left{
width: 671px;
float: left;
color:#000000;
margin-left: 0px;
padding: 0px 0px 0px 0px;
background: url(images/left.gif) left top no-repeat #A19F9F;
}

.left_bot {
background: url(images/left_bot.gif) left bottom no-repeat;
padding: 0px 5px 10px 5px;

}

.left H1 {
background: url(images/h1_left.png) left top no-repeat;
color:#ffffff;
font-size:16px;
padding: 5px 0px 15px 8px;
font-weight: bold;}


.img_l {	
float:left;
margin: 5px 15px 0px 0px;
}

.img_r {	float: right;
margin: 0px 0px 0px 15px;
}


H1{
font-family: Arial, Helvetica, sans-serif;
font-size:18px;
font-weight: bold;
color: #000000;
text-align: left;
padding: 0px 0px 0px 0px;
line-height: 20px;
}

H2{
font-family: Arial, Helvetica, sans-serif;
font-size:18px;
font-weight: bold;
color: #D84005;
text-align: center;
padding: 0px 0px 0px 0px;
line-height: 20px;
}

.read{
display:block;
float:right;
height: 16px;
width: 79px;
text-align: center;
padding: 0px 0px 0px 0px;
text-decoration: none;
font-size:11px;
color: #C42A0F;
background: url(images/read.gif) 0px 0px no-repeat;
line-height: 16px;
}



.read:hover {
font-size:11px;
text-decoration: underline;
}

#right{
float: right;
width: 328px;
margin-right: 0px;
}

.span_dat {
color: #002380;
text-decoration: underline;}


.bot_top {
height: 13px;
background: url(images/bot_top.gif) 0px 0px no-repeat;
}

.bot_bot {
height: 13px;
background: url(images/bot_bot.gif) 0px bottom no-repeat;
}

#bottom {
width: 100%;
background:url(images/bot_bg.gif) left repeat-y;
color:#FFFFFF;
padding: 0px 0px 0px 0px;
}

#bottom h2{
font-family: Arial, Helvetica, sans-serif;
padding: 0px 0px 0px 0px;
font-size: 18px;
text-align: center;
color: #ffffff;
font-weight: 100;
line-height: 20px;
}

.razd_bot {
background:url(images/razd_bot.gif) repeat-x;
height: 1px;}

.b_col2 {
width: 254px;
float: left;
margin-left: 76px;
}

.box_us {
width: 245px;
background: url(images/box_us.gif) 0px bottom repeat-x;
padding-left: 10px;
}

.box_us_l {
width: 28px;
float: left;
padding-top:2px;
vertical-align: top;
text-align:left;}

.box_us_r {
width: 217px;
float: left;}





.b_col3 {
width: 253px;
float: left;
margin-left: 76px;
line-height: 25px;
}

.b_col3 ul {
list-style:none;
padding: 0px 0px 0px 40px;}

.b_col3 li {
padding: 8px 0px 2px 0px;
background: none;
}

.b_col3 li a {
color:#FFFFFF;
text-decoration: none;

}
.b_col3 li a:hover {
text-decoration: underline;
}

.fu_i {
padding: 0px 14px 0px 0px;
vertical-align: middle ;
}

.b_col1 {
width: 254px;
float: left;
margin-left: 50px;
text-align: left;
}

.b_col1 ul {
list-style:none;
padding: 0px 0px 0px 40px;}

.b_col1 li {
padding: 8px 0px 0px 20px;
background: url(images/fish2.gif) 0px 15px no-repeat;
}
.b_col1 ul a:hover {
text-decoration:underline;
}

.b_col1 ul a {
color:#ffffff;
text-decoration:none;
font-weight:bold;}

#footer{
height: 60px;
font-size: 12px;
color: #ffffff;
text-align: center;
padding: 15px 0px 0px 0px;
background:url(images/razd_bot.gif) top repeat-x;
}

#footer a{
color: #ffffff;
font-size: 12px;
text-decoration: none;
}

#footer a:hover{
color: #ffffff;
font-size: 12px;
text-decoration: underline;
}

/* blog */

.text{
padding: 0px 10px 0px 10px;
}

.span_munth {
color:#FFFFFF;
font-size:10px;}

.dat_img {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
color: #ffffff;
float:left;
width: 67px;
height: 55px;
padding: 10px 0px 0px 0px;
margin-right: 15px;
background:url(images/dat_img.gif) 0px 0px no-repeat;
text-align:center;
}

.a_non {
text-decoration: none;
color: #ffffff;}
.a_non:hover {
text-decoration: underline;}

.a_und {
text-decoration: underline;
color: #ffffff;
font-weight: bold;}
.a_und:hover {
text-decoration: none;}

.datc_coment {
height: 20px;
width: 100%;
background: url(images/datc_coment.gif) top repeat-x;
padding: 0px 0px 0px 0px;}

.datc  {
float: left;
width: 346px;}

.coment {
float: right;
width: 166px;
text-align: left;}


.ram_top {
background: url(images/ram_top.gif) left top no-repeat #A19F9F;
width: 318px;
padding: 0px 5px 0px 5px;
}
.ram_bg  h1 {
background: url(images/h1_ram_bg.png) left top no-repeat;
padding: 5px 0px 10px 8px;
color: #FFFFFF;
font-size: 16px;
font-weight: bold;}

.ram_bot {
background:url(images/ram_bot.gif) left bottom no-repeat;
height: 10px; }	



.spis {
list-style:none;
padding: 0px 0px 0px 23px;}

.spis  li {
padding: 6px 0px 0px 22px;
background: url(images/fish2.gif) 0px 12px no-repeat;
}
.spis a:hover {
text-decoration: none;
}

.spis a {
color:#ffffff;
text-decoration: underline;
font-weight: bold;
display: block;}

.blog_l_razd {
background:  url(images/blog_l_razd.gif) 12px repeat-x;
height:12px;}

/* gallery */

.gallery {
background:url(images/gallery.gif) left top no-repeat #A19F9F;}

.gallery_bot {
background: url(images/gallery_bot.gif) left bottom no-repeat;
padding: 5px 5px 0px 5px;

}

.row {
padding: 0px 0px 0px 0px;
height: 284px;
}

.box_img2 {
width: 308px;
height: 274px;
background: url(images/box_img.gif) left top no-repeat;
padding: 10px 10px 0px 10px;
float:left;
}

.gallery h3 {
padding: 5px 0px 5px 0px;
color: #C32609;
font-size: 16px;
text-align: left;
}

.box_razd {
width: 10px;
height: 50px;
float: left;
}

.gallery h1 {
padding: 5px 0px 15px 8px;
color: #FFFFFF;
font-size: 16px;
background: url(images/h1_gallery.jpg) left top no-repeat;}

.gal_num {
width:16px;
height:22px;
padding: 3px 0px 0px 9px;
display:block;
background: url(images/gal_num.gif) left top no-repeat;
color: #FFFFFF;
font-size: 12px;
margin: 0px 10px 0px 0px;
text-decoration:none;
float: left;}

.gal_num:hover {
background:url(images/gal_num_hover.gif) left top no-repeat;
text-decoration: none;}

.g_size
{
width: 308px;
height: 162px;
}

/* about us */

.about_img {
float: left;
margin: 5px 22px 0px 0px;}

.about_col {
float:left;
width: 210px;
padding: 0px 0px 0px 20px;}

.razd_v { height: 1px;
background: url(images/razd_v.gif) left top repeat-x;}

.fish3 {
float:left;
padding: 4px 10px 3px 0px;
}

/* contact us */

.contact {
width: 646px;
padding: 0px 0px 0px 0px;}

.input_txt2 {	
width: 622px;
border: none;
background: url(images/input_txt2.jpg) left top repeat-x;
padding: 7px 12px 6px 12px;
color:#ffffff;

}

.text_area2 {
width: 622px;
height:168px;
font-size: 14px;
border: none;
background: url(images/text_area2.jpg) 0px 0px repeat-x;
padding: 8px 12px 8px 12px;
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
}
.submit2 {
background: url(images/read.gif) left top no-repeat;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
font-weight: bold;
color: #C42A0F;
text-decoration: none;
padding: 0px 2px 0px 2px;
width: 79px;
height: 16px;
margin: 0px 0px 0px 0px;

}

.lh {
line-height: 22px;
}


/*
scroll styles here
*/

.item { width: 1014px; height: 340px; }
.item img {float:left;}
.item h2 { border:none; margin-bottom:15px;}

.scrollable { position:relative; overflow:hidden; width: 1014px; height: 340px;} 
.scrollable .items { width:20000em; position:absolute;}
.scrollable .items div { float:left;} 
.scrollable .items .item { overflow:hidden;}
.scrollable .items .item p { line-height:16px;}
.navi { width:auto; height:20px; float:right; margin:5px 0; padding-right: 20px;} 
.navi a { width: 15px; cursor:pointer; height: 15px; float:left; margin:0 0 0 3px; background:url(images/circl.png) no-repeat scroll right top; display:block; font-size:1px;} 
.navi a:hover, .navi a.active { background-position:left top; margin:0 0 0 3px;  background:url(images/circl_hov.png) no-repeat scroll right top}

.header1
{
width: 1014px; height: 340px;
}

.header2
{
width: 1014px; height: 340px;
}

.header3
{
width: 1014px; height: 340px;
}

.header4
{
width: 1014px; height: 340px;
}

div.pp_overlay {background: #000;display: none;left: 0;position: absolute;top: 0;width: 100%;z-index: 9500;}
div.pp_pic_holder {display: none;position: absolute;width: 100px;z-index: 10000;}


HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ISV Tecnologia</title>
<meta name="keywords" content="" />
<meta name="description" content="" />

	<script type="text/javascript" src="lib/jquery-1.3.2.min.js"></script>
	<script type="text/javascript" src="lib/jquery.tools.js"></script>	
	<script type="text/javascript" src="lib/jquery.custom.js"></script>

<link href="styles.css" rel="stylesheet" type="text/css" />
</head>
<body bgcolor="#FFFFFF" background="images/bg.jpg">


<div id="main">
<!-- header begins -->
<div id="header">

   <div id="buttons">
     <a href="index.html" class="but"  title="">Home</a><div class="but_razd"></div>
     <a href="empresa.html" class="but" title="">Empresa</a><div class="but_razd"></div>
     <a href="produtos.html"  class="but" title="">Produtos</a><div class="but_razd"></div>
     <a href="clientes.html"  class="but" title="">Clientes</a><div class="but_razd"></div>
     <a href="contato.html" class="but" title="">Contato</a>
   </div>

<div id="logo">
   	<a href="#">Aqui fica a logo</a>
     	<h3><a href="#"><small>aqui fica a logo</small></a></h3>
   </div>

</div>
<!-- header ends -->
<div class="top">

<!-- COMEÇO BANNER 02 -->	

 <div class="scrollable">
			<div class="items">
				<div class="item">
					<div class="header1">
						  <div class="top_left">		
	<h1><center>Venda de Peças e Acessórios de Informática</center></h1>
       <div class="text" style="height: 300px;">
           <p align="justify" style="font-size:14px;">Você está precisando de Peças ou Acessórios de informática? Não tem tempo para ir buscar ou comprar?</p><br />

<p align="justify" style="font-size:14px;">Não tem problema, a InfoSerVision tem uma grande variedade de peças e acessórios com serviço entrega e instalação personalizada. Tudo isso visando o seu conforto e segurança. Entre em contato conosco.</p><br />

<p align="justify" style="font-size:14px;">A qualidade empregada em todas as atividades é o nosso compromisso com os clientes</p>

           <div style="height:5px"></div>
           <br />
           <br />

           <p style="padding-top: 10px; padding-bottom: 10px;"><a class="read" href="produtos.html">Saiba +</a></p>
	</div>       
   </div>
   <div class="top_right"></div>

					</div>                                    
				</div> 

                   <!-- FIM BANNER 01 -->

                   <!-- COMEÇO BANNER 02 -->


                   <div class="item">
				    <div class="header2">

							<div class="top_left">		
	<h1><center>Instalação e Equipamentos para CFTV</center></h1>
       <div class="text" style="height: 300px;">


                         <p align="justify" style="font-size:14px;">A sua segurança e de sua empresa está em primeiro lugar. Proteja sua empresa, transmita segurança a seus funcionários e clientes com um sistema de CFTV e tenha mais uma vigilância 24hs.</p><br />
                         <p align="justify" style="font-size:14px;"> Dispomos das melhores e mais atualizadas câmeras de vídeo, sistema integrado de audio e vídeo. </p><br />
                         <p align="justify" style="font-size:14px"> Acompanhe o movimento de sua empresa, de sua casa e de onde você estiver. Mesmo de longe, você sempre estará por perto.</p>
                         <p style="padding-top: 10px; padding-bottom: 10px;"><a class="read" href="cftv.html">Saiba +</a></p><br />

                         <p><span class="span_cont"></span></p>


           <div style="height:5px"></div>
           		</div>
           </div>
   <div class="top_right2"></div>

					</div>						
				</div> <!-- item -->
				<div class="item">
				    <div class="header3">

						<div class="top_left">		
	<h1><center>Recarga de Tonner para sua Impressora Laser</center></h1>
       <div class="text" style="height: 300px;">

<p align="justify" style="font-size:14px;">Cada dia mais a necessidade de impressão aumenta e nossos atributos do dia-a-dia nos impede de executar certas tarefas. A compra de um catucho de tonner é de alto custo e você pode baixar o custo de impressão de sua empresa com o regarregamento de tonner de seu cartucho.</p><br />

<p align="justify" style="font-size:14px;">Recarregue o Tonner da sua impressora com a <strong>InfoSerVision</strong>. Ganhe tempo, comôdidade, segurança. </p><br />
<p align="justify" style="font-size:14px;"> Forme uma parceria de recarga conosco.</p>
<p style="padding-top: 10px; padding-bottom: 10px;"><a class="read" href="recarga.html">Saiba +</a></p>
           <div style="height:5px"></div>
           		</div>
           </div>
   <div class="top_right3"></div>

					</div>						
				</div> <!-- item -->
				<div class="item">
				    <div class="header4">

							<div class="top_left">		
	<h1><center>Software para Gestão Comércial - Small Software</center></h1>
       <div class="text" style="height: 300px;">

<p align="justify" style="font-size:14px">A <strong>InfoSerVision</strong> é re-vendedora oficial da Small Software, empresa de tecnologia com ótima performance no desenvolvimento de software com várias referências pelo país em diversos tipos de comércio</p><br />
<p align="justify" style="font-size:14px">Atende o controle de contas a pagar, contas a receber, estoque, fluxo de caixa, cadastro de produtos, fornecedores, relatórios diários de caixa, estoque, e muito mais</p><br />

<p align="justify" style="font-size:14px">Solicite uma apresentação de nosso sistema para conhecer esta ótima ferramenta de trabalho.</p>
<p style="padding-top: 10px; padding-bottom: 10px;"><a class="read" href="small.html">Saiba +</a></p>

           <div style="height:5px"></div>
           		</div>
           </div>
   <div class="top_right4"></div>

					</div>
				</div> <!-- item -->				

			</div> <!-- items -->
		</div> <!-- scrollable -->	   

</div>

<div class="navi"></div> <!-- create automatically the point dor the navigation depending on the numbers of items -->	
<div style="clear: both"></div>

<div style="height:15px"></div>
<div class="i_col_razd">
<div class="i_col">
   	<h1>Sistema Para Gerenciamento Comercial</h1>
       <div class="text">
       	<img src="images/small.png" class="img_l" alt="" />
<p align="justify">Atende o controle de contas a pagar, contas a receber, estoque, fluxo de caixa, cadastro de produtos, fornecedores, relatórios diários de caixa, estoque, e muito mais.
. </p>
   		<div style="height:5px"></div>
       	<div style="height:16px;"><a class="read" href="small.html">Saiba +</a></div>
       </div>
   </div>
<div class="float_left" style="width: 15px; height:10px;"></div>
   <div class="i_col">
   	<h1>Produtos para Automação Comercial</h1>
       <div class="text">
       	<img src="images/automacao.png" class="img_l" alt="" /><p align="justify">Dispomos dos melhores equipamentos para seu negócio. Kis PDV, impressoras fiscais, leitores de códigos de barra, gavetas e outros mais.</p> 
   		<div style="height:5px"></div>
       	<div style="height:16px;"><a class="read" href="automacao.html">Saiba +</a></div>
     </div>
   </div>
<div class="float_left" style="width: 15px; height:10px;"></div>
   <div class="i_col">
   	<h1>Circuito Fechado de TV - (CFTV)</h1>
       <div class="text">
       	<img src="images/cftv.png" class="img_l" alt="" /><p align="justify">Proteja sua empresa com um circuito Fechado de TV. A ISV Tecnologia trabalha com os melhores equipamentos do mercado. Tudo para lhe atender melhor.</p>
   		<div style="height:5px"></div>
       	<div style="height:16px;"><a class="read" href="cftv.html">saiba +</a></div>
     </div>
   </div>
<div style="clear: both;"></div>
</div>
<div style="height:15px"></div>


<!-- teste -->

<div class="navi"></div> <!-- create automatically the point dor the navigation depending on the numbers of items -->	
<div style="clear: both"></div>

<div style="height:15px"></div>
<div class="i_col_razd">
<div class="i_col">
   	<h1>Cabeamento Estruturado de Rede</h1>
       <div class="text">
       	<img src="images/redes.png" class="img_l" alt="" />
<p align="justify">Organize sua empresa, centralize as informações, reduza tempo e dinheiro. Ter uma rede organizada em sua empresa lhe permite tudo isso.
. </p><br />
   		<div style="height:5px"></div>
       	<div style="height:16px;"><a class="read" href="redes.html">Saiba +</a></div>
       </div>
   </div>
<div class="float_left" style="width: 15px; height:10px;"></div>
   <div class="i_col">
   	<h1>Suporte Manutenção de Computadores</h1>
       <div class="text">
       	<img src="images/manutencao.png" class="img_l" alt="" /><p align="justify">Seus equipamentos precisam de uma atenção especial. Qualquer equipamento tecnologico precisa de manutenção e se você precisa de Manutenção, a ISV tem.</p> 
   		<div style="height:5px"></div>
       	<div style="height:16px;"><a class="read" href="#">Saiba +</a></div>
     </div>
   </div>
<div class="float_left" style="width: 15px; height:10px;"></div>
   <div class="i_col">
   	<h1>Aluguel de Impressoras</h1>
       <div class="text">
       	<img src="images/impressora.png" class="img_l" alt="" /><p align="justify">Reduza seu custos de impressão. A ISV trabalha com locação de impressoras lhe proporicionando segurança em caso de problemas.</p>
   		<div style="height:5px"></div>
       	<div style="height:16px;"><a class="read" href="impressoras.html">saiba +</a></div>
     </div>
   </div>
<div style="clear: both;"></div>
</div>


<!-- teste -->
<!--
<div class="ram1_bg">
<div style="height:10px"></div>
<a class="a_more" href="#">MORE INFO</a>
<h1>Donec aliquam vehicula turpis eu placerat. Nam felis sem, aliquam eget laoreet in, adipiscing eu tellus. Morbi semper suscipit turpis, sed viverra arcu ultrices vel. Curabitur congue semper mollis. Integer mauris nibh, venenatis volutpat pulvinar eu, congue id arcu. Suspendisse iaculis congue </h1>
   <div style="clear: both;"></div>
</div>
<div class="ram1_bot"></div>
-->


<!-- bottom begin -->
<div style="height:20px"></div>
<div id="bottom">
   <div class="b_col1">
     <h2>Nossos Parceiros</h2>
     <div style="height:5px"></div>
       <div class="razd_bot"></div>
       <div style="height:10px"></div>
       <ul>
           <li><a href="http://www.powerclipdesign.com.br"><strong>PowerClip Design</strong></a></li>
           <li><a href="http://www.smallsoft.com.br">Smallsoft Tecnologia</a></li>
           <li><a href="http://www.consulteconsultoria.com">Consulte Consultoria</a></li>
       </ul>
   </div>
<div class="b_col2">
       <h2>Nosso Contato</h2>
       <div style="height:5px"></div>
       <div class="razd_bot"></div>
       <div style="height:20px"></div>
       <div  class="box_us">
           <div  class="box_us_l">
           <img src="images/fish_us1.gif" alt="" />
           </div>
           <div  class="box_us_r">
               <strong>Rua 7, nº 136 - Jd Paulista Baixo - Paulista/PE</strong>
           </div>
           <div style="clear: both; height:10px;"></div>
       </div>
       <div  class="box_us">
           <div  class="box_us_l">
           <img src="images/fish_us2.gif" alt="" />
           </div>
           <div  class="box_us_r">
               <strong>Fone: (81) 8818-9302<br />
			        Fone: (81) 9865-6569</strong>
           </div>
           <div style="clear: both; height:10px;"></div>
       </div>
       <div  class="box_us">
           <div  class="box_us_l">
           <img src="images/fish_us3.gif" alt="" />
           </div>
           <div  class="box_us_r">
               <strong>E-mail: contato@isvtecnologia.com</strong>
           </div>
           <div style="clear: both; height:10px;"></div>
       </div>
   </div>
   <div class="b_col3">
       <h2>InfoSerVision  Sociais</h2>
       <div style="height:5px"></div>
       <div class="razd_bot"></div>
       <div style="height:10px"></div>
       <ul>
           <li><img src="images/fu_i1.gif" class=" fu_i" alt="" /><a href="contato.html"><strong>Escreva um e-mail</strong></a></li>
           <li><img src="images/fu_i2.gif" class=" fu_i" alt="" /><a href="#"><strong>Seja Fã no Facebook</strong></a></li>
           <li><img src="images/fu_i3.gif" class=" fu_i" alt="" /><a href="#"><strong>RSS Feed</strong></a></li>
           <li><img src="images/fu_i4.gif" class=" fu_i" alt="" /><a href="#"><strong>Siga-nos no Twitter</strong></a></li>
       </ul>
   </div>
 <div style="clear: both; height: 20px;"></div>
</div>
<!-- bottom end --> 
<!-- footer begins -->
<div id="footer">
   <p align="right">Copyright  2011. Desenvolvido por <a href="http://www.powerclipdesign.com.br/" title="PowerClip Design"><img src="images/logomarca.png" /></a></p><br />
   </div>
<!-- footer ends -->
</div>




</body>
</html>

Giovani · Agosto 10, 2011

Leonilton Rocha, acabei de acessar seu site e não entendi o qual a sua dúvida. Pode explicar melhor?

Dropes · Agosto 10, 2011

Opa bom dia

Po cara esta com bastante furos o layout mesmo :P

Porem vamos la tentar resolver seu problema o ie e bem chato mesmo com css

Vamos primeiro tente usar as divc como um quebra cabeça e montando elas do modo que voce quer nao dando brechas

para que uma estrague a outra

Tente tirar o margin auto eo pading

acho que so com isso jah vai aparecer a logo no ie .

qualquer coisa e so perguntar denovo.

William Bruno · Agosto 10, 2011

verifique se a imagem foi salva em RGB

Leonilton Rocha · Agosto 10, 2011

Leonilton Rocha, acabei de acessar seu site e não entendi o qual a sua dúvida. Pode explicar melhor?

Olá Giovani, o meu problema é o seguinte: o background da div #logo não aparece no internet explorer. Mas no firefox e chrome ele aparece normalmente.

Opa bom dia

Po cara esta com bastante furos o layout mesmo :P

Porem vamos la tentar resolver seu problema o ie e bem chato mesmo com css

Vamos primeiro tente usar as divc como um quebra cabeça e montando elas do modo que voce quer nao dando brechas

para que uma estrague a outra

Tente tirar o margin auto eo pading

acho que so com isso jah vai aparecer a logo no ie .

qualquer coisa e so perguntar denovo.

Caro amigo, retirei o margin e o padding e ainda não funcionou! Tem mais alguma outra sugestão!?

verifique se a imagem foi salva em RGB

Caro amigo, a imagem foi salva no formato JPG

William Bruno · Agosto 10, 2011

verifique se a imagem foi salva em RGB

Caro amigo, a imagem foi salva no formato JPG

não estou falando da extensão, estou falando da palheta de cores.

veja se está em CYMK ou RGB

abra no Photoshop, e salve em RGB

Leonilton Rocha · Agosto 14, 2011

Resolvido!

A questão é que o IE nao aceita ou tem dificuldades com imagens tipo JPG ou JPEG, foi só alterar pra PNG que funcionou beleza!

A todos que tentaram me ajudar um muito obrigado!

William Bruno · Agosto 15, 2011

A questão é que o IE nao aceita ou tem dificuldades com imagens tipo JPG ou JPEG,

isso não é verdade

foi só alterar pra PNG que funcionou beleza!

ai funcionou pq você alterou junto a palheta de cores, e sem notar fez oq eu sugeri.

Arquivado

[Resolvido] Background de DIV nao aparece no Internet Explorer

Recommended Posts

Leonilton Rocha 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Giovani 104

Compartilhar este post

Link para o post

Compartilhar em outros sites

Dropes 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

William Bruno 1501

Compartilhar este post

Link para o post

Compartilhar em outros sites

Leonilton Rocha 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

William Bruno 1501

Compartilhar este post

Link para o post

Compartilhar em outros sites

Leonilton Rocha 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

William Bruno 1501

Compartilhar este post

Link para o post

Compartilhar em outros sites

Não consigo carregar imagem do captcha no meu formulário

Estou criando uma calculadora de m2 e litros de tinta

Cruzamento de Bases

Fóruns

Tempo Real

Informação importante