Ir para conteúdo

POWERED BY:

Arquivado

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

celsoamadeu

Background no IE7 dentro de div

Por , em Desenvolvimento frontend

Recommended Posts

celsoamadeu    0

celsoamadeu
Postado

Pessoal, estou precisando de uma ajuda... Montando uma index.php de um site novo que estou fazendo, fiz como costumo fazer (até mais simples, pois o site me permite) e como necessito de rodapé clear e o layout consta um quadro central dividi esse quadro em três trecho (topo, centro e rodape) e usei imagens fixas no topo e no rodapé e uma "fita" com repetição no centro, todas .png.

 

Testando depois, Chrome, Mozzila, IE8, Safari e Opera, ficaram idênticos, porém no IE7 esse centro ficou sem a imagem repetindo, ficando um vazio e somente aparecendo o fundo. Alguém teria ideia de qual seria o motivo? O IE6 também não pegou essa imagem repetitiva, porém nele não necessito suporte.

 

Segue o código e fico no aguardo. Obrigado.

 

<body onLoad="fecha()">
   <div id="tudo">
     <div id="conteudo">
       <img src="<?php echo IMAGES ?>estrutura/principal_cima.png" border="none" />
       <div style="background : url(<?php echo IMAGES ?>estrutura/principal_meio.png) repeat-y center;">
         <?php
           $navega = "home";
           if($_GET['navega'])
           $navega = $_GET['navega'];                                       
           include INC.$navega.".php";
         ?>
</div>
       <img src="<?php echo IMAGES?>estrutura/principal_baixo.png" border="none" />
     </div>
     <div id="rodape">
     	<img src="<?php echo IMAGES?>estrutura/rodape.png" border="none" />
     </div>
</div>
</body>

 

O problema consiste na imagem "principal_meio.png"

Compartilhar este post

Link para o post
Compartilhar em outros sites

Matheus Bruno    0

Matheus Bruno
Postado

Pessoal, estou precisando de uma ajuda... Montando uma index.php de um site novo que estou fazendo, fiz como costumo fazer (até mais simples, pois o site me permite) e como necessito de rodapé clear e o layout consta um quadro central dividi esse quadro em três trecho (topo, centro e rodape) e usei imagens fixas no topo e no rodapé e uma "fita" com repetição no centro, todas .png.

 

Testando depois, Chrome, Mozzila, IE8, Safari e Opera, ficaram idênticos, porém no IE7 esse centro ficou sem a imagem repetindo, ficando um vazio e somente aparecendo o fundo. Alguém teria ideia de qual seria o motivo? O IE6 também não pegou essa imagem repetitiva, porém nele não necessito suporte.

 

Segue o código e fico no aguardo. Obrigado.

 

<body onLoad="fecha()">
   <div id="tudo">
     <div id="conteudo">
       <img src="<?php echo IMAGES ?>estrutura/principal_cima.png" border="none" />
       <div style="background : url(<?php echo IMAGES ?>estrutura/principal_meio.png) repeat-y center;">
         <?php
           $navega = "home";
           if($_GET['navega'])
           $navega = $_GET['navega'];                                       
           include INC.$navega.".php";
         ?>
</div>
       <img src="<?php echo IMAGES?>estrutura/principal_baixo.png" border="none" />
     </div>
     <div id="rodape">
     	<img src="<?php echo IMAGES?>estrutura/rodape.png" border="none" />
     </div>
</div>
</body>

 

O problema consiste na imagem "principal_meio.png"

 

Você quer repetir a imagem na vertical ou na horizontal?

 

Porque se for na vertical ao invés de repeat-y será repeat-x.

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