Posicionamento Float no internet explorer
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
<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
<?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';
}
?>/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;}
Esta imagem e no Internet Explorer/applications/core/interface/imageproxy/imageproxy.php?img=http://img404.imageshack.us/img404/4013/modoerrado.png&key=952f99eceb7518b650137bade16681bad5bd49b920299f43a7ae01eff0df3806" alt="Imagem Postada" />
Esta outra imagem e no Firefox
/applications/core/interface/imageproxy/imageproxy.php?img=http://img35.imageshack.us/img35/4863/modocorreto.png&key=15e3be0fe1542037385224030921015678576b47f5e5c9ccebbadc6cad5bcf85" alt="Imagem Postada" />
Discussão (2)
Carregando comentários...