Ir para conteúdo

POWERED BY:

Arquivado

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

travado

Firefox e ie7 funciona.. ie6 desaparece

Por , em Desenvolvimento frontend

Recommended Posts

travado    0

travado
Postado

Estou com um problema estranho por aqui, eu pelo menos não tinha visto ainda. Fiz um layout funcionar perfeitamente em ie7 e firefox. Até aí normal.. provavelmente o ie6 teria alguns problemas com margens e padding.. alguma coisa com alinhamento.

 

Mas não, o ie6 simplesmente sumiu com uma parte da página, e eu não consigo encontrar o que pode estar errado.

 

O link é: http://www.showrural.com.br/teste2.php para o layout

O css está em: http://www.showrural.com.br/main2.css

 

Abaixo vou postar os códigos completos:

 

Página:

<!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=iso-8859-1" />
<title>:: Show Rural Coopavel :: </title>
<meta name="author" content="showruralcoopavel.com.br" />
<meta name="keywords" content="coopavel, showrural, show rural, máquinas, implementos agrícolas, dinâmica, colheitadeiras, sementes, pesquisa, embrapa, emater, agricultura, enveto, tecnologia, campo, agricultor, defensivos, veneno, pastagens, capim, imprensa, rural, cascavel, paraná, brasil, brazil, trator, qualidade, limpeza" />
<meta name="description" content="O Show Rural Coopavel é um evento educativo de difusão de tecnologia agropecuária, dirigido a produtores rurais do Brasil e do exterior. Organizado pela Coopavel Cooperativa Agroindustrial, o Show Rural é o maior evento tecnológico da agricultura brasileira e um dos maiores do Mundo" />
<link rel="stylesheet" type="text/css" href="main2.css" media="all" />

<!--[if IE 7]>
<style type="text/css">
#coop-barra { padding:18px 0 10px 115px; }

#coop-barra ul li.menu-evento a { position:relative; }
#coop-barra ul li.menu-expo a { position:relative; }
#coop-barra ul li.menu-loca a { position:relative; }
#coop-barra ul li.menu-imp a { position:relative; }
#coop-barra ul li.menu-vis a { position:relative; }
#coop-barra ul li.menu-cont a { position:relative; }

#coop-pagina .lateral-dir { margin-right: -23px; }
#coop-pagina .principal { margin-left: 260px; }
#coop-pagina .principal img { width: 236px; height: 98px; margin: 3px 0px 0px -40px; border: 5px solid #333333; }

#coop-pagina .principal ul li.destaque { margin: -5px 0px 0px -43px; }
#coop-pagina .principal ul li.normal { margin: 0px 0px -5px -43px; }
#coop-pagina .principal ul li.todas { margin: 12px 0px 0px 110px; }
#img-rodape-preta { margin: 12px auto 0px auto; width: 760px; height: 30px; background-image: url(img/img-rodape-preta.jpg); }

</style>
<![endif]-->

<!--[if lte IE 6]>
<style type="text/css">
#coop-barra { padding:18px 0 10px 126px; }

#coop-barra ul li.menu-evento a { position:relative; }
#coop-barra ul li.menu-expo a { position:relative; }
#coop-barra ul li.menu-loca a { position:relative; }
#coop-barra ul li.menu-imp a { position:relative; }
#coop-barra ul li.menu-vis a { position:relative; }
#coop-barra ul li.menu-cont a { position:relative; }
#coop-barra ul li.menu-evento { padding-left: 0px; }
#coop-barra ul li.menu-expo { padding-left: 0px; }
#coop-barra ul li.menu-loca { padding-left: 0px; }
#coop-barra ul li.menu-imp { padding-left: 0px; }
#coop-barra ul li.menu-vis { padding-left: 0px; }
#coop-barra ul li.menu-cont { padding-left: 0px; }

#coop-pagina .lateral-dir { margin-right: -23px; }
#coop-pagina .gainlayout { height: 1px; }
#coop-pagina .principal { margin-left: 260px; }
#coop-pagina .principal img { width: 236px; height: 98px; margin: 3px 0px 0px -40px; border: 5px solid #333333; }

#coop-pagina .principal ul li.destaque { margin: -5px 0px 0px -43px; }
#coop-pagina .principal ul li.normal { margin: 0px 0px -5px -43px; }
#coop-pagina .principal ul li.todas { margin: 12px 0px 0px 110px; }
#img-rodape-preta { margin: 12px auto 0px auto; width: 760px; height: 30px; background-image: url(img/img-rodape-preta.jpg); }

</style>
<![endif]-->
<style type="text/css">
<!--
body {
	background-color: #003060;
}
a:visited {
	color: #FFFFFF;
}
a:link {
	color: #FFFFFF;
}
a:hover {
	color: #FFFFFF;
}
a:active {
	color: #FFFFFF;
}
-->
</style>

</head>
<script type="text/javascript">
	var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
	document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
	var pageTracker = _gat._getTracker("UA-3319157-1");
	pageTracker._initData();
	pageTracker._trackPageview();
</script>
<body>
	<div id="principal">
		<div class="caixa">
			<div class="caixaacima">
	   			<div class="caixaabaixo">
	   				<div id="topo">
	   					<a href="index.php"><img src="img/logo_showrural.png" alt="Show Rural Coopavel" border="0" /></a>
							<div id="coop-barra">
							<ul>
			   					<li class="menu-evento"><a href="evento.html">   EVENTO		  </a></li>
								  <li class="menu-expo"><a href="expositores.php">   EXPOSITORES	 </a></li>
								<li class="menu-loca"><a href="localizacao.html">   LOCALIZAÇÃO	</a></li>
								  <li class="menu-imp"><a href="imprensa.php">	IMPRENSA		</a></li>
								  <li class="menu-vis"><a href="visitantes.html">	VISITANTES	 </a></li>
								<li class="menu-cont"><a href="contato.php">   CONTATO	 </a></li>
							</ul>
						</div>  
	   				</div>
		 			<div id="img-centro"></div>
					<div id="img-centro-preta"></div>
					<div id="coop-pagina">
						  <div class="lateral-esq"><img src="img/20-anos.jpg" alt="20 anos Show Rural" /></div>
						  <div class="lateral-dir">
							<ul>
							  <li class="titulo"><img src="img/calendar.png" alt="Calendário" /> CALENDÁRIO DE EVENTOS</li>
							  <li class="normal">
								<table width="15" border="0" cellspacing="10">
								  <tr>
									<td>Dom</td>
									<td>Seg</td>
									<td>Ter</td>
									<td>Qua</td>
									<td>Qui</td>
									<td>---</td>
									<td>Sab</td>
								  </tr>
								  <tr>
									<td> </td>
									<td>1</td>
									<td>2</td>
									<td>3</td>
									<td>4</td>
									<td>5</td>
									<td>6</td>
								  </tr>
								  <tr>
									<td>7</td>
									<td>8</td>
									<td>9</td>
									<td>10</td>
									<td>11</td>
									<td>12</td>
									<td>13</td>
								  </tr>
								  <tr>
									<td>14</td>
									<td>15</td>
									<td>16</td>
									<td>17</td>
									<td>18</td>
									<td>19</td>
									<td>20</td>
								  </tr>
								  <tr>
									<td>21</td>
									<td>22</td>
									<td>23</td>
									<td>24</td>
									<td>25</td>
									<td>26</td>
									<td>27</td>
								  </tr>
								  <tr>
									<td>28</td>
									<td>29</td>
									<td>30</td>
									<td>31</td>
									<td> </td>
									<td> </td>
									<td> </td>
								  </tr>
								</table>
							  </li>
							</ul>
						  </div>
						  <div class="principal">
							  <?php
			
								include("conecta.php");

								$comando = "SELECT cod_not, date_format(dat_not, '%d/%m/%Y') as dat_not, noticia, rel_not, man_not FROM cadnot ORDER BY cod_not DESC LIMIT 1";
								$resultado = mysql_query($comando, $conexao);
								$campo = mysql_fetch_array($resultado);
								$rel_not = "$campo[rel_not]";
					
					 		?>
							<ul>
								  <li class="titulo"><img src="img/book.png" alt="icon" /> NOTÍCIAS</li>
							</ul>
							<?php 
								$comando_foto = "SELECT cod_fot, foto, min_fot FROM cadfot WHERE cod_fot = $rel_not";
								$resultado_foto = mysql_query($comando_foto,$conexao);
								$campo_foto = mysql_fetch_array($resultado_foto);
					
								$foto = "painel/adm/$campo_foto[foto]";
								// COMEÇO ================================================================================
====
								ini_set("memory_limit","3500M");
								// Tamanho final
								$x = 236;
								$y = 98;

								//Imagem
								$origem = $foto;

								//Criar jpeg apartir de $origem
								$nova_jpeg = imagecreatefromjpeg($origem);

								//Capturar dimensoes
								$origem_x = imagesx($nova_jpeg);
								$origem_y = imagesy($nova_jpeg);
			
								//Proporção
								//$novo_x = floor(($y * $origem_x) / $origem_y);
								//$novo_y = floor(($x * $origem_y) / $origem_x);
								//echo $novo_x;
								//echo "<br>" . $novo_y;
								$novo_x = $x;
								$novo_y = $y;
								
								//Imagem em branco
								$img_nova = imagecreatetruecolor($novo_x, $novo_y);
								imagecopyresampled($img_nova, $nova_jpeg, 0, 0, 0, 0, $novo_x, $novo_y, $origem_x, $origem_y);
								//imagejpeg($img_nova, "painel/adm/$foto", 100);
								// FINAL ================================================================================
==== ?>
								
								<?php print("<a href='noticia_mostra.php?cod_not=$campo[cod_not]'><img src=\"painel/adm/$campo_foto[min_fot]\"></a>"); ?>
				
								<ul>
									  <li class="destaque">				  
										<?php
											//	$man_not = substr($campo[man_not],0,100);
											print("$campo[dat_not] - <a href=noticia_mostra.php?cod_not=$campo[cod_not]>$campo[man_not]</a>");
											$aux++;
							
										?>	
									</li>
									<?php
				
										include("conecta.php");
	
										$comando = "SELECT cod_not, date_format(dat_not, '%d/%m/%Y') as dat_not, man_not FROM cadnot ORDER BY cod_not DESC LIMIT 1,2";
										$resultado = mysql_query($comando, $conexao);
										$quant = mysql_num_rows($resultado);
										$aux = 0;
										while ($aux < $quant) {
											$campo = mysql_fetch_array($resultado);
											$man_not = substr($campo[man_not],0,100);
											print("<li class=\"normal\">$campo[dat_not] - <a href=noticia_mostra.php?cod_not=$campo[cod_not]>$man_not</a></li>");
											$aux++;
										}
									?>
									  <li class="todas"><a href="buscar.php">TODAS AS NOTÍCIAS</a></li>
								</ul>
								<div id="galeria" >
									  <ul>
										<li class="titulogal"><img src="img/camera.png" alt="fotos" width="16" height="16" /> GALERIA DE FOTOS</li>
									  </ul>
									<?php
									$comando_foto_gal1 = "SELECT cod_fot, foto, min_fot, man_fot FROM cadfot LIMIT 1";
									$resultado_foto_gal1 = mysql_query($comando_foto_gal1,$conexao);
									$campo_foto_gal1 = mysql_fetch_array($resultado_foto_gal1);
									
									$foto1 = "painel/adm/$campo_foto_gal1[foto]";
									// COMEÇO ================================================================================
====
									ini_set("memory_limit","3500M");
									// Tamanho final
									$x1 = 96;
									$y1 = 80;
				
									//Imagem
									$origem1 = $foto1;
				
									//Criar jpeg apartir de $origem
									$nova_jpeg1 = imagecreatefromjpeg($origem1);
				
									//Capturar dimensoes
									$origem_x1 = imagesx($nova_jpeg1);
									$origem_y1 = imagesy($nova_jpeg1);
				
									//Proporção
									//$novo_x = floor(($y * $origem_x) / $origem_y);
									//$novo_y = floor(($x * $origem_y) / $origem_x);
									//echo $novo_x;
									//echo "<br>" . $novo_y;
									$novo_x1 = $x1;
									$novo_y1 = $y1;
									
									//Imagem em branco
									$img_nova1 = imagecreatetruecolor($novo_x1, $novo_y1);
									imagecopyresampled($img_nova1, $nova_jpeg1, 0, 0, 0, 0, $novo_x1, $novo_y1, $origem_x1, $origem_y1);
									//imagejpeg($img_nova, "painel/adm/$foto", 100);
									// FINAL ================================================================================
==== 
									?>
									  <ul>
										<li class="gal"><?php print("<a href='painel/adm/$campo_foto_gal1[foto]'><img src=\"painel/adm/$campo_foto_gal1[foto]\" alt=\"$campo_foto_gal1[man_fot]\" width=\"96\" height=\"80\" /></a>") ?>
											<p> <a href="#"><strong>18/10/2007</strong><br />
											SHOW RURAL ATRAI MAIS VISITANTES.</a></p>
										</li>
									  </ul>
								</div>
								<div id="galeria1">
									  <ul>
										<li class="gal"><a href="#"><img src="img/img-galeria1.jpg" alt="imagem1" width="96" height="80" /></a><br />
											<p> <a href="#"><strong>20/10/2007</strong><br />
											SHOW RURAL ATRAI MAIS VISITANTES.</a></p>
										</li>
									  </ul>
								</div>
								<div id="galeria2">
				 					 <ul>
										<li class="gal"><a href="#"><img src="img/img-galeria1.jpg" alt="imagem1" width="96" height="80" /></a><br />
											<p> <a href="#"><strong>31/10/2007</strong><br />
											SHOW RURAL ATRAI MAIS VISITANTES.</a></p>
										</li>
									  </ul>
								</div>
						</div>
					</div>
		 			<div id="img-rodape-preta"><img src="img/img-rodape-preta.jpg" alt="Coopavel Cooperativa Agroindustrial" /></div>
	   			</div>
			</div>
		</div>
	</div>
</body>
</html>

CSS:

@charset "iso-8859-1";
/* CSS Main Page - Coopavel - Author: Samuel Grolli */

/* CENTRALIZA A PÃGINA */
#principal {
	width: 780px;
	margin: 0 auto;
}
/* FIM CENTRALIZA A PÃGINA */

/* BORDAS ARREDONDADAS */
.caixa {	 width: 780px;
	background-color: #FFFFFF;
	background-repeat: repeat-y;
}

.caixaacima {
	background-image: url("img/topo_curve.gif");
	background-position: top center;
	background-repeat: no-repeat;
}

.caixaabaixo {
	background-image: url("img/rodape_curve.gif");
	background-position: bottom left;
	background-repeat: no-repeat;
	padding: 10px 5px 10px 5px;
}

/* FIM BORDAS ARREDONDADAS */

/* TOPO DA PÃGINA */

#topo { margin: 0px auto; width: 760px;	height: 115px; overflow: hidden; background-color: #FFFFFF; }
#topo a { text-decoration:none; }
#topo img {
	position: absolute;
	padding-left: 10px;
	top: 20px;
	width: 109px;
	height: 102px;
}

#coop-barra { padding:18px 0 10px 75px; }

#coop-barra ul { margin-top: 50px; margin-left: 5px; list-style-type: none; }

/* MENU EVENTO */

#coop-barra ul li.menu-evento { float: left; width: 95px; height: 25px; margin-top: 0px; padding-left: 10px; font-style: normal; text-decoration: none; }
#coop-barra ul li.menu-evento a { font-family:"Trebuchet MS"; font-size: 13px; font-weight: bolder; text-decoration: none; color: #000000; border-bottom:9px #bb1c00 solid; }
#coop-barra ul li.menu-evento a:visited { text-decoration: none; color: #666666; }
#coop-barra ul li.menu-evento a:active { text-decoration: none; border-bottom: 9px #bb1c00 solid; }
#coop-barra ul li.menu-evento a:hover { text-decoration: none; background-color: #bb1c00; color: #FFFFFF; border-bottom: 9px #bb1c00 solid; border-top: 9px #bb1c00 solid; }

/* MENU EXPOSITORES */

#coop-barra ul li.menu-expo { float: left; width: 95px; height: 25px; margin-top: 0px; padding-left: 3px; font-style: normal; text-decoration: none; }
#coop-barra ul li.menu-expo a { font-family:"Trebuchet MS"; font-size: 13px; font-weight: 449; text-decoration: none; color: #000000; border-bottom:9px #13BB00 solid; }
#coop-barra ul li.menu-expo a:visited { text-decoration: none; color: #666666; }
#coop-barra ul li.menu-expo a:active { text-decoration: none; border-bottom: 9px #13BB00 solid; }
#coop-barra ul li.menu-expo a:hover { text-decoration: none; background-color: #13BB00; color: #FFFFFF; border-bottom: 9px #13BB00 solid; border-top: 9px #13BB00 solid; }

/* MENU LOCALIZAÇÃO */

#coop-barra ul li.menu-loca { float: left; width: 95px; height: 25px; margin-top: 0px; padding-left: 16px; font-style: normal; text-decoration: none; }
#coop-barra ul li.menu-loca a { font-family:"Trebuchet MS"; font-size: 13px; font-weight: 449; text-decoration: none; color: #000000; border-bottom:9px #0113ba solid; }
#coop-barra ul li.menu-loca a:visited { text-decoration: none; color: #666666; }
#coop-barra ul li.menu-loca a:active { text-decoration: none; border-bottom: 9px #0113ba solid; }
#coop-barra ul li.menu-loca a:hover { text-decoration: none; background-color: #0113ba; color: #FFFFFF; border-bottom: 9px #0113ba solid; border-top: 9px #0113ba solid; }

/* MENU IMPRENSA */

#coop-barra ul li.menu-imp { float: left; width: 95px; height: 25px; margin-top: 0px; padding-left: 16px; font-style: normal; text-decoration: none; }
#coop-barra ul li.menu-imp a { font-family:"Trebuchet MS"; font-size: 13px; font-weight: 449; text-decoration: none; color: #000000; border-bottom:9px #aa38b4 solid; }
#coop-barra ul li.menu-imp a:visited { text-decoration: none; color: #666666; }
#coop-barra ul li.menu-imp a:active { text-decoration: none; border-bottom: 9px #aa38b4 solid; }
#coop-barra ul li.menu-imp a:hover { text-decoration: none; background-color: #aa38b4; color: #FFFFFF; border-bottom: 9px #aa38b4 solid; border-top: 9px #aa38b4 solid; }

/* MENU VISITANTES */

#coop-barra ul li.menu-vis { float: left; width: 95px; height: 25px; margin-top: 0px; padding-left: 11px; font-style: normal; text-decoration: none; }
#coop-barra ul li.menu-vis a { font-family:"Trebuchet MS"; font-size: 13px; font-weight: 449; text-decoration: none; color: #000000; border-bottom:9px #333333 solid; }
#coop-barra ul li.menu-vis a:visited { text-decoration: none; color: #666666; }
#coop-barra ul li.menu-vis a:active { text-decoration: none; border-bottom: 9px #333333 solid; }
#coop-barra ul li.menu-vis a:hover { text-decoration: none; background-color: #333333; color: #FFFFFF; border-bottom: 9px #333333 solid; border-top: 9px #333333 solid; }

/* MENU CONTATO */

#coop-barra ul li.menu-cont { float: left; width: 95px; height: 25px; margin-top: 0px; padding-left: 8px; font-style: normal; text-decoration: none; }
#coop-barra ul li.menu-cont a { font-family:"Trebuchet MS"; font-size: 13px; font-weight: 449; text-decoration: none; color: #000000; border-bottom:9px #ff9900 solid; }
#coop-barra ul li.menu-cont a:visited { text-decoration: none; color: #666666; }
#coop-barra ul li.menu-cont a:active { text-decoration: none; border-bottom: 9px #ff9900 solid; }
#coop-barra ul li.menu-cont a:hover { text-decoration: none; background-color: #ff9900; color: #FFFFFF; border-bottom: 9px #ff9900 solid; border-top: 9px #ff9900 solid; }

/* FIM TOPO DA PÃGINA */

/* MEIO COM IMAGEM DA PÃGINA */

#img-centro { margin: 0px auto; width: 760px; height: 222px; overflow: hidden; background-image: url(img/img-centro.jpg); }
#img-centro-preta { margin: 12px auto 13px auto;; width: 760px; height: 18px; overflow: hidden; background-image: url(img/img-centro-preta.jpg); }

/* PÃGINA - NOTÃCIAS - FOTOS - CALENDÃRIO */

#coop-pagina { margin: 0px auto; width: 760px; height: 395px; overflow: hidden; background-color: #FFFFFF; list-style-type: none; }
#coop-pagina .lateral-esq { width: 209px; height: 400px; float: left; } 


#coop-pagina .lateral-dir { width: 243px; height: 235px; background-color: #fffFfF; float: right; margin-right: 18px }

#coop-pagina .lateral-dir ul { font-family:Arial, Helvetica, sans-serif; font-size:10px; margin: 0 auto; list-style-type: none; }
#coop-pagina .lateral-dir ul li.titulo { font-size:13px; font-weight:BOLDER; color:#006699 }
#coop-pagina .lateral-dir ul li.normal { margin: 0px 0px 0px -36px; font-size:14px; }
#coop-pagina .lateral-dir ul li img { margin: 0px 0px 0px 0px; }
#coop-pagina .lateral-dir ul li.titulogal { padding: 10px 0px 0px 0px; font-size:13px; font-weight:BOLDER; }
#coop-pagina .lateral-dir .direita img { width: 96px; height: 80px; margin: 0px 0px 0px 0px; border: 5px solid #ccc; float: right; }
#coop-pagina .lateral-dir .esquerda img { width: 96px; height: 80px; margin: 0px 0px 0px -40px; border: 5px solid #ccc; float: left;}
#coop-pagina .lateral-dir ul li.todas { margin: 0px 0px 0px -50px; font-weight:bold; float:right}

#coop-pagina .principal { width: 256px; height: 235px; background-color: #ffffff; margin-left: 220px; list-style-type: none; }

#coop-pagina .principal ul li.titulo { margin: 0px 0px 0px -30px; font-size:13px; font-weight:BOLDER; color:#006699 }
#coop-pagina .principal ul li.titulo img { width: 16px; height: 16px; margin: 0px 0px 0px 0px; border: 0px; }
#coop-pagina .principal img { width: 236px; height: 98px; margin: 3px 0px 0px 0px; border: 5px solid #333333; }
#coop-pagina .principal a:hover img { border: 5px solid #009900; }
#coop-pagina .principal ul { font-family:Arial, Helvetica, sans-serif; font-size:10px; margin: 0px auto; list-style-type: none; }
#coop-pagina .principal ul li.destaque { margin: 3px 0px 2px -43px; font-weight:bold; }
#coop-pagina .principal ul li.destaque a { text-decoration: none; color: #000000; }
#coop-pagina .principal ul li.destaque a:hover { text-decoration: underline; color: #003366; font-weight:bolder; }
#coop-pagina .principal ul li.normal { margin: 0px 0px 0px -43px; }
#coop-pagina .principal ul li.normal a { text-decoration: none; color: #000000; }
#coop-pagina .principal ul li.normal a:hover { text-decoration: underline; color: #003366; font-weight:bolder; }
#coop-pagina .principal ul li.todas { margin: 5px 0px 0px 110px; font-weight:bold; }
#coop-pagina .principal ul li.todas a { color: #000000; }
#coop-pagina .principal ul li.todas a:hover { color: #333333; font-weight:bolder; }

#galeria { margin: 5px 0px 0px -10px; width: 200px; height: 129px; }
#galeria ul li.titulogal { margin: 0px 0px 0px -20px; font-size:13px; font-weight:BOLDER; color:#006699 }
#galeria ul li.titulogal img { width: 16px; height: 16px; margin: 0px 0px 0px 0px; border: 0px; }
#galeria ul li.gal img { width: 96px; height: 80px; margin: 6px 0px 0px -32px; border: 5px solid #333333; }
#galeria ul li.gal a:hover img { border: 5px solid #009900; }
#galeria ul li.gal p { font-family:Arial, Helvetica, sans-serif; font-size:9px; list-style-type: none; margin: 5px 0px 0px -33px; }
#galeria ul li.gal p a { text-decoration: none; color: #000000;}
#galeria ul li.gal p a:hover { text-decoration: underline; color: #000000; }

#galeria1 { margin: -110px 0px 0px 174px; width: 350px; height: 129px; }
#galeria1 ul li.gal img { width: 96px; height: 80px; margin: 6px 0px 0px -32px; border: 5px solid #333333; }
#galeria1 ul li.gal a:hover img { border: 5px solid #009900; }
#galeria1 ul li.gal p{ font-family:Arial, Helvetica, sans-serif; font-size:9px; list-style-type: none; margin: 5px 0px 0px -33px; }
#galeria1 ul li.gal p a { text-decoration: none; color: #000000;}
#galeria1 ul li.gal p a:hover { text-decoration: underline; color: #000000; }

#galeria2 { margin: -129px 0px 0px 358px; width: 350px; height: 129px; }
#galeria2 ul li.gal img { width: 96px; height: 80px; margin: 6px 0px 0px -32px; border: 5px solid #333333; }
#galeria2 ul li.gal a:hover img { border: 5px solid #009900; }
#galeria2 ul li.gal p{ font-family:Arial, Helvetica, sans-serif; font-size:9px; list-style-type: none; margin: 5px 0px 0px -33px; }
#galeria2 ul li.gal p a { text-decoration: none; color: #000000;}
#galeria2 ul li.gal p a:hover { text-decoration: underline; color: #000000; }

/* RODAPÉ DA PÃGINA */

#img-rodape-preta { margin: 12px auto 10px auto; width: 760px; height: 30px; overflow: hidden; background-image: url(img/img-rodape-preta.jpg); }

OBRIGADO! :D

Compartilhar este post

Link para o post
Compartilhar em outros sites

brcontainer    16

brcontainer
Postado

troque todos OVERFLOW: HIDDEN; por OVERFLOWSCROLL: SCROLL; e você vai ver as coisas que sumiram

na verdade estão abaixo...

 

um DICA usa overflow:hidden; somente em alguns lugares para estruturar desse jeito não compensa

 

falow ;)

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