Jump to content

  2. →
  3. →

Photo

Bug No Layout Com Ie 6 E Anterior

Started By luchino, 05/06/2009, 08:44

  • Faça o login para participar
6 replies to this topic

#1 luchino

luchino

    Novato no fórum

  • Usuários
  • 23 posts
  • Sexo:Não informado

Posted 05/06/2009, 08:44

Amigos,

Nao sei se é o lugar correto para postar mas nao achei outro. Como resolver o problema abaixo como mostram as imagens. A primeira é a screen do site no IE 7, abre normal e no 6, a coluna do lado direito vai la p/ baixo. Alguem pode ajudar?

Posted Image

Posted Image

Posted Image

#2 helioth

helioth

    Projeção A

  • Usuários
  • 683 posts
  • Sexo:Masculino
  • Localidade:Mauá city - ABC - SP

Posted 05/06/2009, 14:35

Opa, tudo bom aew?

Bom só com a screen fica dificil ajudar, mas com certeza não é problema da arte criada, e sim algo em css, ou até tabelas, depende de como foi criado.
Isso é alguma incompatibilidade nos browsers, e esta ocasionando isso.
Se puder também postar o código para ajudarmos com mais precisão... (y)

Explique melhor a forma que foi feito para tranferirmos a página para a sessão mais adequada.

Abraços!
Fórum WMO - Equipe de Design - Monitor
Macho que é macho não chupa mel, masca abelha.
Posted Image

#3 luchino

luchino

    Novato no fórum

  • Usuários
  • 23 posts
  • Sexo:Não informado

Posted 26/06/2009, 09:57

...



Vamos lá, ja quebrei minha cabeça muito aqui e nada. Segue o codigo. O site em questão é o informpe.com.br

grid.php (layout do site)
<?php// +---------------------------------------------+// |     Copyright © 2003 - 2008 indiqo.media    |// |     [url="http://www.indiqo.eu/"]http://www.indiqo.eu/[/url]	                 |// |     This file may not be redistributed.     |// +---------------------------------------------+if(!defined('IN_SUBDREAMER')){  die("Hacking attempt!");}?><!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" xml:lang="en" lang="en"><head>  	<title><?php echo $mainsettings['websitetitle']; ?></title>  	<meta name="description" content="<?php echo $mainsettings['metadescription']; ?>" />  	<meta name="keywords" content="<?php echo $mainsettings['metakeywords'];    ?>" />  	<?php echo $mainsettings['skinheader']; ?>  	<link rel="stylesheet" type="text/css" href="skins/grid/styles.css" />	<link rel="stylesheet" type="text/css" href="skins/grid/lightbox.css" />  	<link rel="stylesheet" type="text/css" href="skins/grid/menu.css" />    <link rel="shortcut icon" href="http://www.informpe.com.br/images/favicon.ico" type="image/x-icon"/>    &lt;script src="js/prototype.js" type="text/javascript"></script>	&lt;script src="js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>	&lt;script src="js/lightbox.js" type="text/javascript"></script></head><body><div id="wrapper">	<!-- Header -->	    <div id="topo">    <div id="banner"><img src="http://www.informpe.com.br/images/banner2.png" border="0" usemap="#principal" /><map name="principal" id="principal">  <area shape="rect" coords="53,2,157,170" href="http://www.informpe.com.br/index.php" /></map></div>    <div class="navigation"><img src="http://www.informpe.com.br/images/menu.png" border="0" usemap="#menu" /><map name="menu" id="menu">  <area shape="rect" coords="512,7,624,38" href="http://www.informpe.com.br/index.php?categoryid=5" />  <area shape="rect" coords="637,5,775,38" href="http://www.informpe.com.br/index.php?categoryid=6" />  <area shape="rect" coords="391,5,499,38" href="http://www.informpe.com.br/index.php?categoryid=4" />  <area shape="rect" coords="266,5,380,38" href="http://www.informpe.com.br/index.php?categoryid=3" />  <area shape="rect" coords="130,5,252,38" href="http://www.informpe.com.br/index.php?categoryid=2" />  <area shape="rect" coords="8,5,115,37" href="http://www.informpe.com.br/index.php?categoryid=1" /></map>    </div>	<div id="about"><img src="http://www.informpe.com.br/images/perguntas.png" border="0" usemap="#about" /><map name="about" id="about">  <area shape="rect" coords="704,133,785,158" href="http://www.informpe.com.br/index.php?categoryid=5#perguntas" /></map></div>            </div>		<div id="meio"><!-- Left Column -->	<div id="column_left_inverted">					<?php      	$inputsize = 45;     	for($i = 0; $i < 10; $i++)      	{        if($pluginpath[$i] != 'plugins/p1_empty/empty.php')        { 		         	echo '<div class="column_right">';			          	if(strlen($pluginname[$i]) > 0)          	{            echo '<h1>' . $pluginname[$i] . '</h1>';          	}          	include($pluginpath[$i]);          	echo '</div>';        }      	}      	?>			</div>				<!-- Right Column -->	<div id="column_right_inverted">			<?php      	$inputsize = 30;     	for($i = 10; $i < 20; $i++)      	{        if($pluginpath[$i] != 'plugins/p1_empty/empty.php')        { 		 			          	if(strlen($pluginname[$i]) > 0)          	{            echo '<h1>' . $pluginname[$i] . '</h1>';          	}            echo '<div class="column_left">';          	include($pluginpath[$i]);          	echo '</div>';        }      	}      	?>				</div>	</div>		<!-- Footer -->	<div id="footer"><?php echo $copyright; ?></div></div></body></html>

style.css
/* General Styles */a:link              { color: #000000; text-decoration: none; }a:active            { color: #000000; text-decoration: none; }a:visited           { color: #000000; text-decoration: none; }a:hover             { color: #000000; text-decoration: underline; }a.linkbranco:link              { color: #ffffff; text-decoration: none; }a.linkbranco:active            { color: #ffffff; text-decoration: none; }a.linkbranco:visited           { color: #ffffff; text-decoration: none; }a.linkbranco:hover             { color: #ffffff; text-decoration: underline; }img {border:				0px;vertical-align:		top;}body,html {font-family: 		Arial, Helvetica, sans-serif;font-size:			12px;line-height:		14px;color:				#000000;letter-spacing: 	1px;text-align:			center;margin:				0px;padding:			0px;background: 		#303438 url(images/bg.png) repeat-x top center;}textarea,input {font-family: 		Arial, Helvetica, sans-serif;color: 				#000000;border: 			1px solid #D1D1D1;background: 		transparent;vertical-align: 	middle;margin: 			2px 0px 2px 0px;padding: 			3px;}textarea.botao,input.botao {font-size:			11px;border: 			1px solid #D1D1D1;}select,option {color:				#000000;}hr {height:				1px;background-color:	#313136;color:				#333338;border-color:		#35353b;border: 			0px;}div {vertical-align:		top;text-align:			left;}.espacos{line-height:		15px;margin: 			0px 0px 0px 0px;}/* Content Wrapper */#wrapper {width: 				856px;margin-left: 		auto;margin-right: 		auto;border-width: 		4px;border-style: 		none solid none solid;border-color: 		#FFFFFF;}/*TOPO*/#topo {width: 				856px;position:           relative;}#banner {width: 	     		856px;height: 			220px;background: 		#000000;}.navigation {height: 			44px;width: 				856px;float: 				left;background: 		#FFFFFF;}#about {width: 	     		856px;height: 			180px;background: 		#ffffff;}#meio {width: 				856px;background: 		#ffffff;}/* MEIO */#column_left_inverted {width: 				651px;float: 				left;background: 		#FFFFFF;}/* MEIO - TITULOS PLUGINS */#column_right h1, #column_left_inverted h1, #column_right_full h1 {font-size: 			20px;color: 				#000000;font-weight: 		strong;margin: 			0px 0px 10px 0px;line-height: 		1;}/* DIREITA */#column_right_inverted {width: 				205px;float: 				right;}/* DIREITA - TITULOS PLUGINS */#column_left h1, #column_right_inverted h1 {background:         #ffffff;color: 				#012961;height: 			30px;line-height: 		30px;vertical-align:     top;font-weight: 		bold;font-size: 			14px;text-align:         left;padding: 			0px 0px 0px 0px;margin-right: 		20px;}/* ESPACAMENTOS TEXTOS DA ESQUERDA */.column_left {background:         #ffffff;margin-right: 		20px;}/* ESPACAMENTOS TEXTOS DO CENTRO */.column_right {padding-left:		20px;margin-right: 		20px;background: 		#ffffff;}/* RODAPÉ */#footer {height:				50px;font-size: 			11px;color: 				#FFFFFF;text-align: 		center;padding-top:		8px;padding-right:		8px;background: 		#1B1B1B;}#news {font-size: 			11px;padding-left:		7px;padding-top:		7px;}

#4 Alex Hiroshi

Alex Hiroshi

    Super Veterano

  • Ex-Admins
  • 4923 posts
  • Sexo:Masculino
  • Localidade:São Paulo - SP

Posted 26/06/2009, 15:06

Não fiz os testes aqui, mas olhando a imagem, parece que é o tamanho das colunas. A coluna da direita (#column_right_inverted) tem 205px de largura, experimente deixar com uns 204 ou 203px, ou até menos.
Fórum WMO - Equipe de Desenvolvimento / Banco de Dados - Ex-Administrador

#5 *MaikeL*

*MaikeL*

    Novato no fórum

  • Usuários
  • 17 posts
  • Sexo:Não informado

Posted 26/06/2009, 15:36

Falta paginas ai, acho melhor vc colocar as paginas completas aqui.

#6 helioth

helioth

    Projeção A

  • Usuários
  • 683 posts
  • Sexo:Masculino
  • Localidade:Mauá city - ABC - SP

Posted 26/06/2009, 15:57

Realmente acho que é o que o Alex comentou.
Declare também um margin-top para o column_right_inverted, como não tem definição, talvez arrume esse bugzinho que esta dando no Ie6.

#column_right_inverted {
width: 205px;
float: right;
margin-top: 10px; /* ou outra medida do seu critério */
}
Bons ventos!
Fórum WMO - Equipe de Design - Monitor
Macho que é macho não chupa mel, masca abelha.
Posted Image

#7 luchino

luchino

    Novato no fórum

  • Usuários
  • 23 posts
  • Sexo:Não informado

Posted 29/06/2009, 09:21

Fiz as mudanças sugeridas mas nao resolveu. Diminui muito a largura da DIV e nada.
Outro detalhe, quando abre a site com o chache limpo a div chega a ficar no lugar certo e ao carregar alguma coisa que nao sei o que é, a div desce.
O site em questão é o informpe.com.br

Obrigado a todos pela ajuda.

[]´s

Luchino
Voltar para HTML, CSS e Metodologias


1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

  1. Fórum WMO
  2. → Desenvolvimento
  3. → HTML, CSS e Metodologias
  4. Privacy Policy
  5. Regras ·
IPB Skin By Virteq