luta entre estilo float e o internet explorer

Discussões relativas ao desenvolvimento de templates para Joomla!
Responder
tiagobast
Usuário
Mensagens: 108
Registrado em: 04 Ago 2008, 19:19
Contato:
Contato tiagobast

luta entre estilo float e o internet explorer

Mensagem por tiagobast »

Ola pessoal, estou desenvolvendo uma template para o joomla no firefox quando fui testar no internet explorer tive um grande problema com uma DIV que aparentemente teria que estar posicionada a direita e esta abaixo. Irei mandar imagens e o pedaço do codigo correspondente ao conteudo do meio do site.
desde ja agradeço.
index

Código: Selecionar todos

<div id="conteudo_total">
		
        <?php echo $content_left; ?>
        
        <div id="<?php echo $estilo_central; ?>">
					<?php echo $content_banner2; ?>
        
       				<div id="<?php echo $estilo_central_component; ?>"
       					<jdoc:include type="component" />
        			</div>
 					<?php echo $content_banner3; ?></div>
        
        <?php echo $content_right; ?>



</div><!--Fecha Div Conteudo Total-->
Codigo das variaveis acima:

Código: Selecionar todos

<?php defined( '_JEXEC' ) or die( 'Restricted access' ); ?>

<?php
if($this->countModules('pos_banner1') == 0){
$content_banner1 = '

';
}
else {
$content_banner1 = '
	<div id="pos_banner1">
    	<div id="top_banner1">
    		<div id="center_banner1">
        		<div id="content_banner1">
  		  			<jdoc:include type="modules" name="pos_banner1" style="xhtml" />
  				</div><!--Fecha Div content_Banner_1-->
           		<div id="bottom_banner1"></div><!--Fecha Div bottom_Banner_1-->
        	</div>	
        
    	</div><!--Fecha Div Top_Banner_1-->
    </div>

';
}
?>
<?php
if($this->countModules('pos_banner2') == 0){
$content_banner2 = '

';
}
else {
$content_banner2 = '
	<div id="pos_banner2">
    					<div id="top_banner2">
    						<div id="center_banner2">
        						<div id="content_banner2">
  		  							<div id="conteudo_banner2">
  		  								<jdoc:include type="modules" name="pos_banner2" style="xhtml" />
  									</div>
  								</div><!--Fecha Div content_Banner_1-->
           						<div id="bottom_banner2"></div><!--Fecha Div bottom_Banner_1-->
        					</div>	
        
    					</div><!--Fecha Div Top_Banner_1-->
    				</div>

';
}
?>

<?php
if($this->countModules('pos_banner3') == 0){
$content_banner3 = '';
}
else {
$content_banner3 = '
	<div id="pos_banner3">
    					<div id="top_banner3">
    						<div id="center_banner3">
        						<div id="content_banner3">
  		  							<div id="conteudo_banner3">
  		  								<jdoc:include type="modules" name="pos_banner3" style="xhtml" />
  									</div>
  								</div><!--Fecha Div content_Banner_1-->
           						<div id="bottom_banner3"></div><!--Fecha Div bottom_Banner_1-->
        					</div>	
        
    					</div><!--Fecha Div Top_Banner_1-->
    				</div>

';
}
?>

<?php
if($this->countModules('pos_left') == 0){
$content_left = '

';
}
else {
$content_left = '
	<div id="top_content_left">
        	<div id="center_content_left">
        		<div id="content_left">
  		  			<div id="conteudo_left">
  		  				<jdoc:include type="modules" name="pos_left" style="xhtml" />

  					</div><!--Fecha Div content_left-->
  				</div><!--Fecha Div content_left-->
            	<div id="bottom_content_left"></div><!--Fecha Div bottom content_left-->
        	</div>	
        </div>
';
}
?>
<?php
if($this->countModules('pos_right') == 0){
$content_right = '

';
}
else {
$content_right = '
	<div id="top_content_right">
        	<div id="center_content_right">
        		<div id="content_right">
  		  			<div id="conteudo_right">
  		  				<jdoc:include type="modules" name="pos_right" style="xhtml" />

  					</div><!--Fecha Div content_left-->
  				</div><!--Fecha Div content_left-->
            	<div id="bottom_content_right"></div><!--Fecha Div bottom content_left-->
        	</div>	
        </div>

';
}
?>


<?php

		

if ($this->countModules('pos_left') and ($this->countModules('pos_right')) != 0){
$estilo_central = 'content_central';
$estilo_central_component = '';
}
elseif($this->countModules('pos_left') or ($this->countModules('pos_right')) != 0){
$estilo_central = 'content_central_medio';
$estilo_central_component = 'component';
}
else{

$estilo_central = 'content_central_grande';
$estilo_central_component = 'component_grande';
}

?>
Codigos CSS

Código: Selecionar todos

/*Conteudo*/
#conteudo_total{ width:960px; margin:2px auto; float:left;}

/*Content Left*/

#top_content_left{width:202px; padding-top:2px; float:left; margin-left:10px;}
#center_content_left{height:16px; padding-top:1px; background-image:url(../images/pngs/border_top_pos_LR.png); background-repeat:no-repeat; background-position:top;}
#content_left{width:202px; background-image:url(../images/pngs/bg_pos_LR.png); background-repeat:repeat-y; margin-top:15px; }
#conteudo_left{font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0 5px 0 5px;}
#conteudo_left .moduletable{padding-bottom: 20px;}
#conteudo_left .moduletable-none{padding-bottom: 20px;}
#conteudo_left h1 {font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#0DA946; text-align:center;	font-weight:bold; }
#conteudo_left h3 {font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#0DA946; text-align:center; text-transform:uppercase; font-weight:900; text-decoration: underline; padding-bottom:5px;}
#conteudo_left .contentheading {margin-left:5px;}
#conteudo_left #update2 {margin-left:5px;}

#bottom_content_left{width:202px; height:15px; float:left; background-image:url(../images/pngs/border_bottom_pos_LR.png); background-repeat:no-repeat; background-position:bottom;}

/*Content central*/
#content_central{ width:516px; float:left;margin-left:10px;}
#content_central_medio{ width:728px; float:left;margin-left:10px;}
#content_central_grande{ width:940px; float:left;margin-left:10px;}
#component {float:none;}
#component_medio { width:728px; margin-left:10px;float:none;}
#component_grande { width:940px;float:none;}
/*Content banner2*/
#pos_banner2{width:516px; height:110px; float:none; margin:0 auto;}
#top_banner2{ width:516px; padding-top:2px;margin:0 auto;} 
#center_banner2{ height:10px; padding-top:1px;background-image: url(../images/pngs/border_top_banner12.png); background-repeat:no-repeat; background-position:top;}
#content_banner2{ width:516px; background-color:#FFF; background-image:url(../images/pngs/bg_banner12.png); background-repeat:repeat-y; margin-top:7px; height:90px;} 
#conteudo_banner2{ width:502px; margin:0 auto;}
#bottom_banner2{ width:516px;height:10px;background-image: url(../images/pngs/border_bottom_banner12.png); background-repeat:no-repeat; background-position:bottom;} 


/*Content banner3*/
#pos_banner3{width:516px; height:110px; float:none; margin:0 auto;}
#top_banner3{ width:516px; padding-top:2px;margin:0 auto;} 
#center_banner3{ height:10px; padding-top:1px;background-image: url(../images/pngs/border_top_banner12.png); background-repeat:no-repeat; background-position:top;}
#content_banner3{ width:516px; background-color:#FFF; background-image:url(../images/pngs/bg_banner12.png); background-repeat:repeat-y; margin-top:7px; height:90px;} 
#conteudo_banner3{ width:502px; margin:0 auto;}
#bottom_banner3{ width:516px;height:10px;background-image: url(../images/pngs/border_bottom_banner12.png); background-repeat:no-repeat; background-position:bottom;} 


/*Content right*/


#bottom_content_left{width:202px; height:15px; float:left; background-image:url(../images/pngs/border_bottom_pos_LR.png); background-repeat:no-repeat; background-position:bottom;}

#top_content_right{width:202px;padding-top:2px; float:right; margin-right:10px;}
#center_content_right{height:16px; padding-top:1px; background-image:url(../images/pngs/border_top_pos_LR.png); background-repeat:no-repeat; background-position:top;}
#content_right{width:202px; background-image:url(../images/pngs/bg_pos_LR.png); background-repeat:repeat-y; margin-top:15px;}
#conteudo_right{ font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0 5px 0 5px; }
#conteudo_right .moduletable{padding-bottom: 20px;}
#conteudo_right h1 {font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#0DA946; text-align:center;	font-weight:bold; }
#conteudo_right h3 {font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#0DA946; text-align:center; text-transform:uppercase; font-weight:900; text-decoration: underline;padding-bottom:5px; }
#conteudo_right a{ color:#02A53D;text-decoration: none;}
#conteudo_right  a:hover{text-decoration: underline;color: #02A53D;}
#conteudo_right .vmCartModule{}
#conteudo_right .vmCartModule hr{ }
#conteudo_right #wz_11 {margin-top:7px; margin-left:5px;border:1px double #05A742; color:#1F1917; width:170px; }
#conteudo_right #wz_12 {margin-top:7px; margin-bottom:7px;margin-left:5px;border:1px double #05A742; color:#1F1917; width:170px;}
#conteudo_right #wz_31 {margin-left:5px; border:1px double #05A742; color:#1F1917;}
#conteudo_right #wz_2 {margin-left:5px; border:1px double #05A742; color:#1F1917;}
#conteudo_right #aca_22 { margin-left:70px;}



#conteudo_right #username_vmlogin, #conteudo_right #password_vmlogin { border:1px double #05A742; color:#1F1917;}
#conteudo_right input.button { margin-top:5px;border:1px double #05A742; color:#1F1917; background-color:#05A742; color:#fff;}

#bottom_content_right{width:202px; height:16px; float:right; background-image:url(../images/pngs/border_bottom_pos_LR.png); background-repeat:no-repeat; background-position:bottom;}
Anexos
Esta imagem é do Internet Explorer
Esta imagem é do Internet Explorer
modo errado.png (38.01 KiB) Exibido 485 vezes
Esta imagem e do firefox
Esta imagem e do firefox
modo correto.png (50.71 KiB) Exibido 485 vezes
Atenciosamente

TiagoBast

E-Mail/MSN: tiago_sensei@yahoo.co.jp
Site: Hospedashop - Seu Site Hospedado Aqui!
Voltar ao topo
Responder

Voltar para “Templates”