- Postagens: 1458
- Obrigados Recebidos: 0
Posição dos conteúdos no IE6
- Walkus
-
- Offline
- JCB! Hero
-
Menos
Mais
14 anos 11 meses atrás #7254
por Walkus
[color=#FF0000:1fjd1yw0][b:1fjd1yw0]>>> NÃO RESPONDO[/b:1fjd1yw0] dúvidas por MSN/MP/E-mail, somente em casos de extrema URGÊNCIA <<<[/color:1fjd1yw0][color=#008000:1fjd1yw0] ####[/color:1fjd1yw0] Obrigado
[color=#0000BF:1fjd1yw0]##[/color:1fjd1yw0][color=#8000FF:1fjd1yw0]##[/color:1fjd1yw0][color=#FF00FF:1fjd1yw0]##[/color:1fjd1yw0][color=#FF4040:1fjd1yw0]##[/color:1fjd1yw0][color=#FFBF00:1fjd1yw0]##[/color:1fjd1yw0][color=#FFFF00:1fjd1yw0]##[/color:1fjd1yw0][color=#BFFF80:1fjd1yw0]##[/color:1fjd1yw0][color=#8080FF:1fjd1yw0][b:1fjd1yw0]www.[/b:1fjd1yw0][/color:1fjd1yw0][color=#FF0000:1fjd1yw0][b:1fjd1yw0]wa[/b:1fjd1yw0][/color:1fjd1yw0][color=#000000:1fjd1yw0]master[/color:1fjd1yw0][color=#8080FF:1fjd1yw0][b:1fjd1yw0].com.br[/b:1fjd1yw0][/color:1fjd1yw0] [color=#FFFFBF:1fjd1yw0]##[/color:1fjd1yw0][color=#FFFF80:1fjd1yw0]##[/color:1fjd1yw0][color=#FFFF40:1fjd1yw0]##[/color:1fjd1yw0][color=#FFFF00:1fjd1yw0]##[/color:1fjd1yw0][color=#008000:1fjd1yw0]##[/color:1fjd1yw0]
Walkus replied the topic: Re: Posição dos conteúdos no IE6
normando;
Isso mesmo irmão. Se tiverem que mandar atualizar o IE, que seja p/ a vs. 8, pois a 7 está ruinzinha tambem, eu nem consegui instalar.
Abç e Sucesso.
Isso mesmo irmão. Se tiverem que mandar atualizar o IE, que seja p/ a vs. 8, pois a 7 está ruinzinha tambem, eu nem consegui instalar.
Abç e Sucesso.
[color=#FF0000:1fjd1yw0][b:1fjd1yw0]>>> NÃO RESPONDO[/b:1fjd1yw0] dúvidas por MSN/MP/E-mail, somente em casos de extrema URGÊNCIA <<<[/color:1fjd1yw0][color=#008000:1fjd1yw0] ####[/color:1fjd1yw0] Obrigado
[color=#0000BF:1fjd1yw0]##[/color:1fjd1yw0][color=#8000FF:1fjd1yw0]##[/color:1fjd1yw0][color=#FF00FF:1fjd1yw0]##[/color:1fjd1yw0][color=#FF4040:1fjd1yw0]##[/color:1fjd1yw0][color=#FFBF00:1fjd1yw0]##[/color:1fjd1yw0][color=#FFFF00:1fjd1yw0]##[/color:1fjd1yw0][color=#BFFF80:1fjd1yw0]##[/color:1fjd1yw0][color=#8080FF:1fjd1yw0][b:1fjd1yw0]www.[/b:1fjd1yw0][/color:1fjd1yw0][color=#FF0000:1fjd1yw0][b:1fjd1yw0]wa[/b:1fjd1yw0][/color:1fjd1yw0][color=#000000:1fjd1yw0]master[/color:1fjd1yw0][color=#8080FF:1fjd1yw0][b:1fjd1yw0].com.br[/b:1fjd1yw0][/color:1fjd1yw0] [color=#FFFFBF:1fjd1yw0]##[/color:1fjd1yw0][color=#FFFF80:1fjd1yw0]##[/color:1fjd1yw0][color=#FFFF40:1fjd1yw0]##[/color:1fjd1yw0][color=#FFFF00:1fjd1yw0]##[/color:1fjd1yw0][color=#008000:1fjd1yw0]##[/color:1fjd1yw0]
Please Entrar ou Registrar to join the conversation.
- hcarvalho
-
Autor do Tópico
- Offline
- JCB! Estagiário
-
Menos
Mais
- Postagens: 12
- Obrigados Recebidos: 0
14 anos 11 meses atrás #7496
por hcarvalho
hcarvalho replied the topic: Re: Posição dos conteúdos no IE6
Olá a todos.
Bem, para não haver dúvidas sobre o que eu fiz, tem algumas coisas que acho que seria interessante colocar aqui:
1- As alterações que eu fiz serve apenas para o template cah_ndeso, eu gostei muito deste template, tanto que o escolhi como template da minha intranet.
2- O template pode ser baixado em http://www.bestofjoomla.com/component/o ... 6/id,1010/ .
3 - Vou colocar aqui o index.php ALTERADO, pois o original voce já baixa junto com o template certo...
<?php
defined( '_JEXEC' ) or die( 'Restricted access' );
$showRightColumn = (bool) $this->countModules('right');
$showRightColumn &= JRequest::getCmd('layout') != 'form';
$showRightColumn &= JRequest::getCmd('task') != 'edit';
if($this->countModules('user1 and user2')) {
$css1 = 'mod1';
$css2 = 'mod2';
} else if($this->countModules('user1 or user2')) {
$css1 = 'mod3';
$css2 = 'mod3';
}
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> ;
<html xmlns=" www.w3.org/1999/xhtml" ; xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
<head>
<jdoc:include type="head" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/general.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/template.css" type="text/css" />
<!--[if lte IE 7]>
<link href="templates/<?php echo $this->template ?>/css/ie.css" rel="stylesheet" type="text/css" />
<![endif]-->
[color=#FF4080:1kj1bhh2]<!--[if lte IE 6]>
<link href="templates/<?php echo $this->template ?>/css/ie6.css" rel="stylesheet" type="text/css" /><!-- condição para o browser escolher o arquivo ie6.css-->
<![endif]-->[/color:1kj1bhh2]
</head>
<body class=" width_<?php echo $this->params->get('widthVariation'); ?>">
<div id="outer">
<div id="wrapper">
<div id="left-shadow"></div>
<div id="header">
<div id="top">
<div id="logo"></div>
<div id="topmodule">
<jdoc:include type="modules" name="top" />
</div>
<div class="clr"></div>
</div>
<div id="topmenu">
<jdoc:include type="modules" name="user3" style="rounded" />
</div>
<div id="search">
<jdoc:include type="modules" name="user4" style="rounded" />
</div>
</div>
<div class="clr"></div>
<div id="right-shadow"></div>
<div id="main">
<div id="inside">
<div id="t">
<div id="tl">
<div id="shadow-fix1"></div>
<div id="tr"></div>
</div>
<div class="clr"></div>
</div>
<div id="r">
<div id="content" >
<?php if($this->countModules('left')) : ?>
<div id="leftmodule" >
<jdoc:include type="modules" name="left" style="custom" />
<jdoc:include type="modules" name="syndicate" style="custom" />
</div>
<?php endif; ?>
<div id="rightmain">
<jdoc:include type="modules" name="breadcrumb" />
<div id="module-mid-top">
<?php if($this->countModules('user1')) : ?>
<div id="<?php echo $css1; ?>">
<jdoc:include type="modules" name="user1" style="xhtml" />
</div>
<?php endif; ?>
<?php if($this->countModules('user2')) : ?>
<div id="<?php echo $css2; ?>">
<jdoc:include type="modules" name="user2" style="xhtml" />
</div>
<?php endif; ?>
</div>
<?php if ($this->getBuffer('message')) : ?>
<div class="error">
<h2>
<?php echo JText::_('Message'); ?>
</h2>
<jdoc:include type="message" />
</div>
<?php endif; ?>
<div id="<?php echo $showRightColumn ? 'maincontent-narrow' : 'maincontent-wide'; ?>" >
<jdoc:include type="component" />
</div>
<?php if ($showRightColumn) : ?>
<div id="rightmodule" >
<jdoc:include type="modules" name="right" style="custom" />
</div>
<?php endif; ?>
</div>
<div class="clr"></div>
</div>
</div>
<div class="clr"></div>
<div id="b">
<div id="bl">
<div id="shadow-fix2"></div>
<div id="br"></div>
</div>
</div>
<div class="clr"></div>
</div>
<div id="foot-bottom">
<div class="foot-inside">
[color=#FF4080:1kj1bhh2]<p style="text-align:center; padding-right: 5px;"><!--texto do rodapé-->
Eu coloquei o nome da minha empresa aqui.
</p>[/color:1kj1bhh2]
</div>
</div>
</div>
<div id="bottom">
<div id="left-shadow-bot"></div>
<div id="bot-b">
<div id="bot-bl">
<div id="bot-br"></div>
</div>
<div class="clr"></div>
</div>
<div id="right-shadow-bot"></div>
</div>
</div>
</div>
</body>
</html>
4- Além destas alterações que estão com cor diferente, eu alterei o logo para logo2, e coloquei a imagem que eu queria no lugar.
5 - Agora vai o arquivo IE6.CSS QUE TEM QUER SER INCLUÍDO DENTRO DA PASTA CSS PARA SATISFAZER AQUELA CONDIÇÃO ACIMA:
/*Ardho template*/
*{margin:0;padding:0;}
body{background:url(../images/gradient-bottom.jpg) 0 100% repeat-x;font:normal 80%/1.3em arial,verdana;color:#404040;}
#outer{width:100%;background:url(../images/gradient-top.jpg) repeat-x;}
body.width_narrow #wrapper{width:770px;margin:0 auto;position:relative;background-color:#005d83;}
body.width_wide #wrapper{width:980px;margin:0 auto;position:relative;background-color:#005d83;}
.clr{clear:both;}
a{text-decoration:none;font-weight:bold;color:#005d83;}
h1{font:bold 22px/25px arial,verdana;margin:5px 0;color:#656565;}
h2{font:bold 20px/22px arial,verdana;margin:5px 0;color:#656565;}
h3{font:bold 16px/18px arial,verdana;margin:5px 0;color:#656565;}
h4{font:bold 14px/26px arial,verdana;margin:5px 0;color:#656565;}
a img{border:none;}
/*header*/
#left-shadow{width:61px;height:346px;background:url(../images/shadow-top_lf.jpg) no-repeat;position:absolute;left:-59px;}
#right-shadow{width:61px;height:346px;background:url(../images/shadow-top_rt.jpg) no-repeat;position:absolute;z-index:1;top:0;right:-61px}
#header{position:relative;z-index:2;background:url(../images/back_header.jpg) repeat-x;overflow:auto;}
#topmodule{width: auto;
margin-left:320px;
margin-right: 13px;
position:relative;
top:10px;
color:#fff;
height:90px;}
#topmodule a{color:#fff;font-weight:bold;}
#logo{background:url(../images/logo2.jpg) no-repeat;width:295px;height:86px;float:left;position:relative;top:3px;left:10px;}
#header #top{height:90px;}
#search{width:20%;float:right;height:1%;clear:left;}
#mod_search_searchword.inputbox{width:80%;margin-right:20px;}
#pathway a{color:#fff;}
/*topmenu*/
#topmenu {width:100%;}
#topmenu ul{text-align:center;width:94%;padding-left:10px;}
#topmenu li{list-style:none;float:left;background:url(../images/topmenu_divider.jpg) 100% 8px no-repeat;}
#topmenu a{display:block;color:#fff;margin:5px;padding:11px 12px;text-decoration:none;font:bold 1em/1em arial,verdana;}
#topmenu div{background:url(../images/topmenu_mid.jpg) repeat-x;overflow:hidden;}
#topmenu div div{background:url(../images/topmenu_left.jpg) no-repeat;}
#topmenu div div div{background:url(../images/topmenu_right.jpg) 100% 0 no-repeat;}
a#active_menu-nav, #topmenu a:hover{color:#ffbb63;}
/*Main Layout*/
#main{background-color:#005d83;padding:8px 15px!important;}
#inside{background:#fff url(../images/shadow-content-left.jpg) 10px 0 repeat-y;height:1%;position:relative;}
#tl{height:23px;background:url(../images/main_tl.jpg) no-repeat;position:relative;z-index:2;}
#t{width:100%;height:23px;background:url(../images/main_t.jpg) repeat-x;float:left;}
#tr{height:23px;background:url(../images/main_tr.jpg) 100% 0 no-repeat;}
#content{background:url(../images/main_l.jpg) repeat-y;position:relative;_height:100%;_width:100%;}
#r{width:100%;background:url(../images/main_r.jpg) 100% 0 repeat-y;float:left;}
#bl{height:23px;background:url(../images/main_bl.jpg) no-repeat;position:relative;z-index:2;}
#b{width:100%;height:23px;background:url(../images/main_b.jpg) repeat-x;float:left;}
#br{height:23px;background:url(../images/main_br.jpg) 100% 0 no-repeat;}
[color=#FF0000:1kj1bhh2]/*content layout*/
body.width_wide #leftmodule{_width:170px;float:left;padding:0 25px;padding-top:10px;display:inline;}
body.width_wide #rightmain{_width:725px;padding-top:10px;float:right;overflow:hidden;}
body.width_wide #maincontent-narrow{float:left;_width:510px;_min-height:590px;_height:auto!important;/*display:inline;*/_height:590px;}
body.width_wide #maincontent-wide{width:auto;margin:0 30px 0 0;min-height:590px;height:auto!important;/*display:inline;*/_height:590px;}
body.width_narrow #leftmodule{width:170px;float:left;padding:0 25px;padding-top:10px;}
body.width_narrow #rightmain{width:515px;padding-top:10px;float:right;}
body.width_narrow #maincontent-narrow{float:left;_width:310px;_min-height:590px;height:auto!important;/*display:inline;*/_height:590px;}
body.width_narrow #maincontent-wide{width:auto;margin:0 30px 0 0;min-height:590px;height:auto!important;/*display:inline;*/_height:590px;}[/color:1kj1bhh2]
#rightmodule{width:170px;float:right;padding-right:25px;}
#shadow-fix1{width:126px;height:10px;background:url(../images/shadow-fix.jpg) 10px 0 repeat-y;position:absolute;left:84px;top:15px;}
#shadow-fix2{width:126px;height:10px;background:url(../images/shadow-fix.jpg) 10px 0 repeat-y;position:absolute;left:84px;top:-2px!important;top:-7px;z-index:1;}
/*Module middle top*/
#module-mid-top{margin-right:20px;padding-top:5px;height:1%;overflow:hidden;}
#module-mid-top ul{margin-left:20px;}
#mod1, #mod2{width:49%;float:left;}
#mod1{margin-right:2px;}
#mod3{width:98%;float:left;}
#mod1 h3, #mod2 h3, #mod3 h3{background-color:#58a3c2;color:#fff;font:bold 1em/1.3em arial,verdana;padding:3px 10px;text-align:center;margin-bottom:10px;}
/*Content Styling*/
#leftmodule h3, #rightmodule h3{background:url(../images/h3button.jpg) no-repeat;color:#fff;text-align:center;height:25px;padding-top:3px;font:normal 1.1em/1.3em arial,verdana;}
.moduletable_menu li{list-style-type:circle;}
.modcontent{padding:0 5px 0 7px;}
.moduletable_menu, .moduletable {margin:0 0 15px 0;}
.moduletable_menu ul ul{padding:0;}
.button{margin:0;padding:0px 7px!important;padding:0 2px;}
.componentheading{font:bold 1.4em/1.5em arial,verdana;color:#005d83;}
.contentheading{font:bold 1.1em/1.3em arial,verdana}
.contentpaneopen p img{margin:5px 10px 0 10px;}
.contentheading, strong, .contentdescription{color:#656565;}
.small, .createdate, .modifydate{font-size:0.86em;color:#6a6a6a;line-height:1.2em;}
.contentpaneopen ul, #maincontent-narrow ul, #maincontent-wide ul{margin:10px 20px;}
.article_column{padding-right:10px;}
.column_separator {border-left:1px solid #e9e9e9;padding-left:10px;}
#leftmodule li{list-style:none;}
a.readon{font-size:1em;}
.modifydate{padding-top:0.5em;}
.createdate{padding-bottom:0.5em;}
.bannergroup_text{font-size:0.9em;margin-bottom:10px;}
.banneritem_text{margin:5px 0;}
.breadcrumbs a, .breadcrumbs{font-weight:bold;}
.contentpaneopen p img{margin:10px;}
.contentdescription{font-weight:bold;padding:5px 0;}
.smalldark{font-size:12px;font-weight:bold;}
.contentdescription img{margin:10px;}
fieldset{border:1px solid #ccc;}
.inputbox{background:#fff url(../images/inputbox.jpg) repeat-x;border:1px solid #e1e1e1;padding:2px;}
#form-login .inputbox{width:180px;margin:2px 0;height:14px;border:none;background:url(../images/inputbox.jpg) repeat-x;border:1px solid #e1e1e1;padding:5px}
.button{font:normal 1em/1em arial,verdana;padding:2px;padding-top:3px;margin:5px 0;border:1px solid #ccc;}
button{padding:2px 3px;border:1px solid #ccc;}
#form-login-remember .inputbox{width:15px;background:none;margin:0;border:none;height:15px;}
#contact_name.inputbox, #contact_email.inputbox, #contact_subject.inputbox, #contact_text.inputbox{margin:2px 0;min-height:14px;height:auto!important;height:14px;border:none;background:url(../images/inputbox.jpg) repeat-x;border:1px solid #e1e1e1;padding:5px}
#contact_text.inputbox{height:auto!important;}
.contact_email{margin-top:-20px;}
.bannergroup{margin:20px!important;text-align:center;}
.contenttoc{margin:8px;padding:4px 8px;border:1px solid #e1e1e1;}
.contenttoc a{font-weight:normal;}
.contenttoc th{padding:5px 0px;}
.menu li li {margin-left:15px;}
span.pagenav{font-weight:bold;}
.blog_more{margin-bottom:10px;}
div.pagenavcounter{font-weight:bold;}
legend{margin:10px;padding:3px 10px;font:bold 15px/15px arial,verdana;color:#656565;}
/*Footbottom*/
#foot-bottom p a{color:#fff;}
#foot-bottom p{color:#fff;font-size:11px;}
#foot-bottom{margin-top:10px;}
/*Table*/
.sectiontableentry1 td, .sectiontableentry2 td{padding:5px 10px;}
td.sectiontableentry1, td.sectiontableentry2{padding:3px;text-align:left;}
.sectiontableentry2{background-color:#eceeff;}
td.sectiontableheader{padding:5px 10px;background:url(../images/theader.jpg) repeat-x;color:#656565;border-top:1px solid #f3f3f3;}
/*Login*/
.login .inputbox{width:150px;}
#form-login-remember .inputbox{width:10px;}
.remember{font-size:0.8em;}
.login fieldset{margin-bottom:10px;}
/*Menus*/
.menu a, a.sublevel, #mainlevel li a.mainlevel{color:#404040;text-decoration:none;display:block;font-weight:normal;}
.menu a, a.mainlevel{background-color:#f1f1f1;margin:2px 0;padding:4px 5px 4px 10px;}
.menu a:hover, a.mainlevel:hover, a#active_menu.mainlevel, #current a{background-color:#e5e5e5;color:#ef8429!important;}
/* Tooltips */
.tool-tip {
float: left;
background: #ffc;
border: 1px solid #D4D5AA;
padding: 5px;
max-width: 200px;
}
.tool-title {
padding: 0;
margin: 0;
font-size: 100%;
font-weight: bold;
margin-top: -15px;
padding-top: 15px;
padding-bottom: 5px;
background: url(../../system/images/selector-arrow.png) no-repeat;
}
.tool-text {
font-size: 100%;
margin: 0;
}
/*Bottom*/
#bottom{position:relative;}
#left-shadow-bot{background:url(../images/shadow-bot_lf.jpg) no-repeat;height:354px;width:46px;position:absolute;left:-45px;top:-354px;}
#right-shadow-bot{background:url(../images/shadow-bot_rt.jpg) no-repeat;height:354px;width:46px;position:absolute;right:-45px;top:-354px;}
#bot-b{width:100%;background:url(../images/shadow-b.jpg) repeat-x;height:44px;}
#bot-bl{height:44px;background:url(../images/shadow-bl.jpg) no-repeat;position:relative;left:-45px;}
#bot-br{height:44px;background:url(../images/shadow-br.jpg) 100% -1px no-repeat;position:relative;right:-89px;}
/*System*/
/* OpenID icon style */
input.system-openid {
background: url( http://openid.net/login-bg.gif ) no-repeat;
background-color: #fff;
background-position: 0 50%;
color: #000;
padding-left: 18px;
}
/* System Error Messages */
#system-message dt.error { display: none; }
#system-message dd.error { }
#system-message dd.error ul { color: #004fc6; background: #a5c9ff ; border-top: 3px solid #4737be; border-bottom: 3px solid #4737be;margin:0}
/* System Messages */
#system-message { margin-bottom: 10px; padding: 0;}
#system-message dt { font-weight: bold; }
#system-message dd { margin: 0; font-weight: bold; text-indent: 30px; }
#system-message dd ul { color: #0055BB; margin-bottom: 10px; list-style: none; padding: 10px; border-top: 3px solid #84A7DB; border-bottom: 3px solid #84A7DB;}
/* System Standard Messages */
#system-message dt.message { display: none; }
#system-message dd.message { }
/* System Error Messages */
#system-message dt.error { display: none; }
#system-message dd.error ul { color: #c00; background-color: #E6C0C0; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B;}
/* System Notice Messages */
#system-message dt.notice { display: none; }
#system-message dd.notice ul { color: #c00; background: #EFE7B8; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E;}
/* Debug */
#system-debug { color: #ccc; background-color: white; padding: 10px; margin: 10px; }
#system-debug div { font-size: 11px;}
6 - Normando estou mesmo sem tempo de ver o seu template, mas procure se basear no que eu fiz, o único problema que eu tive foi saber qual destes componentes do CSS que controla a apresentação do conteúdo. Hoje estou trabalhando para criar o meu próprio template, sinceramente não é difícil, mas quanto mais prática melhor.
Depois quando tiver o meu template pronto eu posto alguma coisa aqui...
Bem, para não haver dúvidas sobre o que eu fiz, tem algumas coisas que acho que seria interessante colocar aqui:
1- As alterações que eu fiz serve apenas para o template cah_ndeso, eu gostei muito deste template, tanto que o escolhi como template da minha intranet.
2- O template pode ser baixado em http://www.bestofjoomla.com/component/o ... 6/id,1010/ .
3 - Vou colocar aqui o index.php ALTERADO, pois o original voce já baixa junto com o template certo...
<?php
defined( '_JEXEC' ) or die( 'Restricted access' );
$showRightColumn = (bool) $this->countModules('right');
$showRightColumn &= JRequest::getCmd('layout') != 'form';
$showRightColumn &= JRequest::getCmd('task') != 'edit';
if($this->countModules('user1 and user2')) {
$css1 = 'mod1';
$css2 = 'mod2';
} else if($this->countModules('user1 or user2')) {
$css1 = 'mod3';
$css2 = 'mod3';
}
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> ;
<html xmlns=" www.w3.org/1999/xhtml" ; xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
<head>
<jdoc:include type="head" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/general.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/template.css" type="text/css" />
<!--[if lte IE 7]>
<link href="templates/<?php echo $this->template ?>/css/ie.css" rel="stylesheet" type="text/css" />
<![endif]-->
[color=#FF4080:1kj1bhh2]<!--[if lte IE 6]>
<link href="templates/<?php echo $this->template ?>/css/ie6.css" rel="stylesheet" type="text/css" /><!-- condição para o browser escolher o arquivo ie6.css-->
<![endif]-->[/color:1kj1bhh2]
</head>
<body class=" width_<?php echo $this->params->get('widthVariation'); ?>">
<div id="outer">
<div id="wrapper">
<div id="left-shadow"></div>
<div id="header">
<div id="top">
<div id="logo"></div>
<div id="topmodule">
<jdoc:include type="modules" name="top" />
</div>
<div class="clr"></div>
</div>
<div id="topmenu">
<jdoc:include type="modules" name="user3" style="rounded" />
</div>
<div id="search">
<jdoc:include type="modules" name="user4" style="rounded" />
</div>
</div>
<div class="clr"></div>
<div id="right-shadow"></div>
<div id="main">
<div id="inside">
<div id="t">
<div id="tl">
<div id="shadow-fix1"></div>
<div id="tr"></div>
</div>
<div class="clr"></div>
</div>
<div id="r">
<div id="content" >
<?php if($this->countModules('left')) : ?>
<div id="leftmodule" >
<jdoc:include type="modules" name="left" style="custom" />
<jdoc:include type="modules" name="syndicate" style="custom" />
</div>
<?php endif; ?>
<div id="rightmain">
<jdoc:include type="modules" name="breadcrumb" />
<div id="module-mid-top">
<?php if($this->countModules('user1')) : ?>
<div id="<?php echo $css1; ?>">
<jdoc:include type="modules" name="user1" style="xhtml" />
</div>
<?php endif; ?>
<?php if($this->countModules('user2')) : ?>
<div id="<?php echo $css2; ?>">
<jdoc:include type="modules" name="user2" style="xhtml" />
</div>
<?php endif; ?>
</div>
<?php if ($this->getBuffer('message')) : ?>
<div class="error">
<h2>
<?php echo JText::_('Message'); ?>
</h2>
<jdoc:include type="message" />
</div>
<?php endif; ?>
<div id="<?php echo $showRightColumn ? 'maincontent-narrow' : 'maincontent-wide'; ?>" >
<jdoc:include type="component" />
</div>
<?php if ($showRightColumn) : ?>
<div id="rightmodule" >
<jdoc:include type="modules" name="right" style="custom" />
</div>
<?php endif; ?>
</div>
<div class="clr"></div>
</div>
</div>
<div class="clr"></div>
<div id="b">
<div id="bl">
<div id="shadow-fix2"></div>
<div id="br"></div>
</div>
</div>
<div class="clr"></div>
</div>
<div id="foot-bottom">
<div class="foot-inside">
[color=#FF4080:1kj1bhh2]<p style="text-align:center; padding-right: 5px;"><!--texto do rodapé-->
Eu coloquei o nome da minha empresa aqui.
</p>[/color:1kj1bhh2]
</div>
</div>
</div>
<div id="bottom">
<div id="left-shadow-bot"></div>
<div id="bot-b">
<div id="bot-bl">
<div id="bot-br"></div>
</div>
<div class="clr"></div>
</div>
<div id="right-shadow-bot"></div>
</div>
</div>
</div>
</body>
</html>
4- Além destas alterações que estão com cor diferente, eu alterei o logo para logo2, e coloquei a imagem que eu queria no lugar.
5 - Agora vai o arquivo IE6.CSS QUE TEM QUER SER INCLUÍDO DENTRO DA PASTA CSS PARA SATISFAZER AQUELA CONDIÇÃO ACIMA:
/*Ardho template*/
*{margin:0;padding:0;}
body{background:url(../images/gradient-bottom.jpg) 0 100% repeat-x;font:normal 80%/1.3em arial,verdana;color:#404040;}
#outer{width:100%;background:url(../images/gradient-top.jpg) repeat-x;}
body.width_narrow #wrapper{width:770px;margin:0 auto;position:relative;background-color:#005d83;}
body.width_wide #wrapper{width:980px;margin:0 auto;position:relative;background-color:#005d83;}
.clr{clear:both;}
a{text-decoration:none;font-weight:bold;color:#005d83;}
h1{font:bold 22px/25px arial,verdana;margin:5px 0;color:#656565;}
h2{font:bold 20px/22px arial,verdana;margin:5px 0;color:#656565;}
h3{font:bold 16px/18px arial,verdana;margin:5px 0;color:#656565;}
h4{font:bold 14px/26px arial,verdana;margin:5px 0;color:#656565;}
a img{border:none;}
/*header*/
#left-shadow{width:61px;height:346px;background:url(../images/shadow-top_lf.jpg) no-repeat;position:absolute;left:-59px;}
#right-shadow{width:61px;height:346px;background:url(../images/shadow-top_rt.jpg) no-repeat;position:absolute;z-index:1;top:0;right:-61px}
#header{position:relative;z-index:2;background:url(../images/back_header.jpg) repeat-x;overflow:auto;}
#topmodule{width: auto;
margin-left:320px;
margin-right: 13px;
position:relative;
top:10px;
color:#fff;
height:90px;}
#topmodule a{color:#fff;font-weight:bold;}
#logo{background:url(../images/logo2.jpg) no-repeat;width:295px;height:86px;float:left;position:relative;top:3px;left:10px;}
#header #top{height:90px;}
#search{width:20%;float:right;height:1%;clear:left;}
#mod_search_searchword.inputbox{width:80%;margin-right:20px;}
#pathway a{color:#fff;}
/*topmenu*/
#topmenu {width:100%;}
#topmenu ul{text-align:center;width:94%;padding-left:10px;}
#topmenu li{list-style:none;float:left;background:url(../images/topmenu_divider.jpg) 100% 8px no-repeat;}
#topmenu a{display:block;color:#fff;margin:5px;padding:11px 12px;text-decoration:none;font:bold 1em/1em arial,verdana;}
#topmenu div{background:url(../images/topmenu_mid.jpg) repeat-x;overflow:hidden;}
#topmenu div div{background:url(../images/topmenu_left.jpg) no-repeat;}
#topmenu div div div{background:url(../images/topmenu_right.jpg) 100% 0 no-repeat;}
a#active_menu-nav, #topmenu a:hover{color:#ffbb63;}
/*Main Layout*/
#main{background-color:#005d83;padding:8px 15px!important;}
#inside{background:#fff url(../images/shadow-content-left.jpg) 10px 0 repeat-y;height:1%;position:relative;}
#tl{height:23px;background:url(../images/main_tl.jpg) no-repeat;position:relative;z-index:2;}
#t{width:100%;height:23px;background:url(../images/main_t.jpg) repeat-x;float:left;}
#tr{height:23px;background:url(../images/main_tr.jpg) 100% 0 no-repeat;}
#content{background:url(../images/main_l.jpg) repeat-y;position:relative;_height:100%;_width:100%;}
#r{width:100%;background:url(../images/main_r.jpg) 100% 0 repeat-y;float:left;}
#bl{height:23px;background:url(../images/main_bl.jpg) no-repeat;position:relative;z-index:2;}
#b{width:100%;height:23px;background:url(../images/main_b.jpg) repeat-x;float:left;}
#br{height:23px;background:url(../images/main_br.jpg) 100% 0 no-repeat;}
[color=#FF0000:1kj1bhh2]/*content layout*/
body.width_wide #leftmodule{_width:170px;float:left;padding:0 25px;padding-top:10px;display:inline;}
body.width_wide #rightmain{_width:725px;padding-top:10px;float:right;overflow:hidden;}
body.width_wide #maincontent-narrow{float:left;_width:510px;_min-height:590px;_height:auto!important;/*display:inline;*/_height:590px;}
body.width_wide #maincontent-wide{width:auto;margin:0 30px 0 0;min-height:590px;height:auto!important;/*display:inline;*/_height:590px;}
body.width_narrow #leftmodule{width:170px;float:left;padding:0 25px;padding-top:10px;}
body.width_narrow #rightmain{width:515px;padding-top:10px;float:right;}
body.width_narrow #maincontent-narrow{float:left;_width:310px;_min-height:590px;height:auto!important;/*display:inline;*/_height:590px;}
body.width_narrow #maincontent-wide{width:auto;margin:0 30px 0 0;min-height:590px;height:auto!important;/*display:inline;*/_height:590px;}[/color:1kj1bhh2]
#rightmodule{width:170px;float:right;padding-right:25px;}
#shadow-fix1{width:126px;height:10px;background:url(../images/shadow-fix.jpg) 10px 0 repeat-y;position:absolute;left:84px;top:15px;}
#shadow-fix2{width:126px;height:10px;background:url(../images/shadow-fix.jpg) 10px 0 repeat-y;position:absolute;left:84px;top:-2px!important;top:-7px;z-index:1;}
/*Module middle top*/
#module-mid-top{margin-right:20px;padding-top:5px;height:1%;overflow:hidden;}
#module-mid-top ul{margin-left:20px;}
#mod1, #mod2{width:49%;float:left;}
#mod1{margin-right:2px;}
#mod3{width:98%;float:left;}
#mod1 h3, #mod2 h3, #mod3 h3{background-color:#58a3c2;color:#fff;font:bold 1em/1.3em arial,verdana;padding:3px 10px;text-align:center;margin-bottom:10px;}
/*Content Styling*/
#leftmodule h3, #rightmodule h3{background:url(../images/h3button.jpg) no-repeat;color:#fff;text-align:center;height:25px;padding-top:3px;font:normal 1.1em/1.3em arial,verdana;}
.moduletable_menu li{list-style-type:circle;}
.modcontent{padding:0 5px 0 7px;}
.moduletable_menu, .moduletable {margin:0 0 15px 0;}
.moduletable_menu ul ul{padding:0;}
.button{margin:0;padding:0px 7px!important;padding:0 2px;}
.componentheading{font:bold 1.4em/1.5em arial,verdana;color:#005d83;}
.contentheading{font:bold 1.1em/1.3em arial,verdana}
.contentpaneopen p img{margin:5px 10px 0 10px;}
.contentheading, strong, .contentdescription{color:#656565;}
.small, .createdate, .modifydate{font-size:0.86em;color:#6a6a6a;line-height:1.2em;}
.contentpaneopen ul, #maincontent-narrow ul, #maincontent-wide ul{margin:10px 20px;}
.article_column{padding-right:10px;}
.column_separator {border-left:1px solid #e9e9e9;padding-left:10px;}
#leftmodule li{list-style:none;}
a.readon{font-size:1em;}
.modifydate{padding-top:0.5em;}
.createdate{padding-bottom:0.5em;}
.bannergroup_text{font-size:0.9em;margin-bottom:10px;}
.banneritem_text{margin:5px 0;}
.breadcrumbs a, .breadcrumbs{font-weight:bold;}
.contentpaneopen p img{margin:10px;}
.contentdescription{font-weight:bold;padding:5px 0;}
.smalldark{font-size:12px;font-weight:bold;}
.contentdescription img{margin:10px;}
fieldset{border:1px solid #ccc;}
.inputbox{background:#fff url(../images/inputbox.jpg) repeat-x;border:1px solid #e1e1e1;padding:2px;}
#form-login .inputbox{width:180px;margin:2px 0;height:14px;border:none;background:url(../images/inputbox.jpg) repeat-x;border:1px solid #e1e1e1;padding:5px}
.button{font:normal 1em/1em arial,verdana;padding:2px;padding-top:3px;margin:5px 0;border:1px solid #ccc;}
button{padding:2px 3px;border:1px solid #ccc;}
#form-login-remember .inputbox{width:15px;background:none;margin:0;border:none;height:15px;}
#contact_name.inputbox, #contact_email.inputbox, #contact_subject.inputbox, #contact_text.inputbox{margin:2px 0;min-height:14px;height:auto!important;height:14px;border:none;background:url(../images/inputbox.jpg) repeat-x;border:1px solid #e1e1e1;padding:5px}
#contact_text.inputbox{height:auto!important;}
.contact_email{margin-top:-20px;}
.bannergroup{margin:20px!important;text-align:center;}
.contenttoc{margin:8px;padding:4px 8px;border:1px solid #e1e1e1;}
.contenttoc a{font-weight:normal;}
.contenttoc th{padding:5px 0px;}
.menu li li {margin-left:15px;}
span.pagenav{font-weight:bold;}
.blog_more{margin-bottom:10px;}
div.pagenavcounter{font-weight:bold;}
legend{margin:10px;padding:3px 10px;font:bold 15px/15px arial,verdana;color:#656565;}
/*Footbottom*/
#foot-bottom p a{color:#fff;}
#foot-bottom p{color:#fff;font-size:11px;}
#foot-bottom{margin-top:10px;}
/*Table*/
.sectiontableentry1 td, .sectiontableentry2 td{padding:5px 10px;}
td.sectiontableentry1, td.sectiontableentry2{padding:3px;text-align:left;}
.sectiontableentry2{background-color:#eceeff;}
td.sectiontableheader{padding:5px 10px;background:url(../images/theader.jpg) repeat-x;color:#656565;border-top:1px solid #f3f3f3;}
/*Login*/
.login .inputbox{width:150px;}
#form-login-remember .inputbox{width:10px;}
.remember{font-size:0.8em;}
.login fieldset{margin-bottom:10px;}
/*Menus*/
.menu a, a.sublevel, #mainlevel li a.mainlevel{color:#404040;text-decoration:none;display:block;font-weight:normal;}
.menu a, a.mainlevel{background-color:#f1f1f1;margin:2px 0;padding:4px 5px 4px 10px;}
.menu a:hover, a.mainlevel:hover, a#active_menu.mainlevel, #current a{background-color:#e5e5e5;color:#ef8429!important;}
/* Tooltips */
.tool-tip {
float: left;
background: #ffc;
border: 1px solid #D4D5AA;
padding: 5px;
max-width: 200px;
}
.tool-title {
padding: 0;
margin: 0;
font-size: 100%;
font-weight: bold;
margin-top: -15px;
padding-top: 15px;
padding-bottom: 5px;
background: url(../../system/images/selector-arrow.png) no-repeat;
}
.tool-text {
font-size: 100%;
margin: 0;
}
/*Bottom*/
#bottom{position:relative;}
#left-shadow-bot{background:url(../images/shadow-bot_lf.jpg) no-repeat;height:354px;width:46px;position:absolute;left:-45px;top:-354px;}
#right-shadow-bot{background:url(../images/shadow-bot_rt.jpg) no-repeat;height:354px;width:46px;position:absolute;right:-45px;top:-354px;}
#bot-b{width:100%;background:url(../images/shadow-b.jpg) repeat-x;height:44px;}
#bot-bl{height:44px;background:url(../images/shadow-bl.jpg) no-repeat;position:relative;left:-45px;}
#bot-br{height:44px;background:url(../images/shadow-br.jpg) 100% -1px no-repeat;position:relative;right:-89px;}
/*System*/
/* OpenID icon style */
input.system-openid {
background: url( http://openid.net/login-bg.gif ) no-repeat;
background-color: #fff;
background-position: 0 50%;
color: #000;
padding-left: 18px;
}
/* System Error Messages */
#system-message dt.error { display: none; }
#system-message dd.error { }
#system-message dd.error ul { color: #004fc6; background: #a5c9ff ; border-top: 3px solid #4737be; border-bottom: 3px solid #4737be;margin:0}
/* System Messages */
#system-message { margin-bottom: 10px; padding: 0;}
#system-message dt { font-weight: bold; }
#system-message dd { margin: 0; font-weight: bold; text-indent: 30px; }
#system-message dd ul { color: #0055BB; margin-bottom: 10px; list-style: none; padding: 10px; border-top: 3px solid #84A7DB; border-bottom: 3px solid #84A7DB;}
/* System Standard Messages */
#system-message dt.message { display: none; }
#system-message dd.message { }
/* System Error Messages */
#system-message dt.error { display: none; }
#system-message dd.error ul { color: #c00; background-color: #E6C0C0; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B;}
/* System Notice Messages */
#system-message dt.notice { display: none; }
#system-message dd.notice ul { color: #c00; background: #EFE7B8; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E;}
/* Debug */
#system-debug { color: #ccc; background-color: white; padding: 10px; margin: 10px; }
#system-debug div { font-size: 11px;}
6 - Normando estou mesmo sem tempo de ver o seu template, mas procure se basear no que eu fiz, o único problema que eu tive foi saber qual destes componentes do CSS que controla a apresentação do conteúdo. Hoje estou trabalhando para criar o meu próprio template, sinceramente não é difícil, mas quanto mais prática melhor.
Depois quando tiver o meu template pronto eu posto alguma coisa aqui...
Please Entrar ou Registrar to join the conversation.
- ptr4ever
-
- Offline
- JCB! Colaborador
-
Menos
Mais
- Postagens: 25
- Obrigados Recebidos: 0
14 anos 11 meses atrás #7500
por ptr4ever
ptr4ever replied the topic: Re: Posição dos conteúdos no IE6
Queria fazer essa adaptação que fu fez no template SolarSentinel, da Rocketheme!
Eu instalei ele e tá tudo funfando certinho, mas os módulos ficam todos "bagunçados" no IE6. Queria criar uma regra pra fazer os problemas parassem de ocorrer.
Alguém usa este template e saber como arrumar isso?
Eu instalei ele e tá tudo funfando certinho, mas os módulos ficam todos "bagunçados" no IE6. Queria criar uma regra pra fazer os problemas parassem de ocorrer.
Alguém usa este template e saber como arrumar isso?
Please Entrar ou Registrar to join the conversation.
- sergioigel
-
- Offline
- JCB! Novato
-
Menos
Mais
- Postagens: 4
- Obrigados Recebidos: 0
14 anos 10 meses atrás #8585
por sergioigel
sergioigel replied the topic: Re: Posição dos conteúdos no IE6
[color=#FF0000:2zzt65si][olhando melhor meu arquivo index.php, percebi que este template que utilizo já contem uma edição para IE6 e como eu precisei de alterar as posicoes dos contents, mexeu tudo, estou tentando arrumar os div´s, ainda nao consegui, mas já to no caminho, de qq forma, vlw ]
[consegui fazer funcionar...era as posições dos div´s mesmo e imagens !=png ...flw]
[/color:2zzt65si]
Olá hcarvalho,
eu alterei o meu template e funciona normal em firefox, mas no IE6 atrapalha tudo...
ai achei essa sua dica, fiquei todo feliz, "achei a solução, pensei eu..."
mas acho que nao fiz as alterações corretas porque não funcionou...
o que eu fiz foi assim : copiei o arquivo CSS que funciona no firefox e alterei o nome dele para style.ie6.css e
tudo que tiver ( width: e height: ) mudei para ( _width: e _height: )
só que acho que tem mais coisas que nao funcionam no IE6...
no index.php ficou igual ao que voce exemplificou...
nao tenho o codigo para fazer um "if" do firefox e outros browsers...ai quando abro no firefox, nao acha o CSS...
voce poderia me ajudar, talvez faltou alguma coisa...pode dar uma olhada no arquivo se eu mandar ele completo ?
exemplo :
/* begin Box, Sheet */
.Sheet
{
overflow: hidden;
min-width:73px;
min-height:73px;
margin: 0 auto;
position: relative;
z-index: 0;
_width: 770px;
}
.Sheet-body
{
position: relative;
z-index: 0;
margin: 10px;
}
.Sheet-tl
{
position: absolute;
overflow: hidden;
z-index: -1;
top: 0;
left: 0;
_width: 50px;
_height: 50px;
background-image: url('../images/Sheet-s.png');
}
.Sheet-tr
{
position: absolute;
overflow: hidden;
z-index: -1;
top: 0;
right: 0;
_width: 50px;
_height: 50px;
}
.Sheet-tr div
{
position: absolute;
z-index: -1;
top: 0px;
left: -50px;
_width: 100px;
_height: 100px;
background-image: url('../images/Sheet-s.png');
}
.Sheet-bl
{
position: absolute;
overflow: hidden;
z-index: -1;
bottom: 0;
left: 0;
_width: 50px;
_height: 50px;
}
.Sheet-bl div
{
position: absolute;
z-index: -1;
top: -50px;
left: 0;
_width: 100px;
_height: 100px;
background-image: url('../images/Sheet-s.png');
}
.Sheet-br
{
position: absolute;
overflow: hidden;
z-index: -1;
bottom: 0;
right: 0;
_width: 50px;
_height: 50px;
}
.Sheet-br div
{
position: absolute;
z-index: -1;
top: -50px;
left: -50px;
_width: 100px;
_height: 100px;
background-image: url('../images/Sheet-s.png');
}
.Sheet-tc
{
position: absolute;
overflow:hidden;
z-index: -1;
top: 0;
left: 50px;
right: 50px;
_height: 50px;
}
.Sheet-tc div
{
position: absolute;
z-index: -1;
top: 0;
left: 0;
_width: 100%;
_height: 100px;
background-image: url('../images/Sheet-h.png');
}
.Sheet-bc
{
position: absolute;
overflow:hidden;
z-index: -1;
bottom: 0;
left: 50px;
right: 50px;
_height: 50px;
}
.Sheet-bc div
{
position: absolute;
z-index: -1;
top: -50px;
left: 0;
_width: 100%;
_height: 100px;
background-image: url('../images/Sheet-h.png');
}
.Sheet-cl
{
position: absolute;
overflow:hidden;
z-index: -1;
top: 50px;
left: 0;
_width: 50px;
bottom: 50px;
}
.Sheet-cl div
{
position: absolute;
z-index: -1;
top: 0;
left: 0;
_width: 100px;
_height: 100%;
background-image: url('../images/Sheet-v.png');
}
.Sheet-cr
{
position: absolute;
overflow:hidden;
z-index: -1;
top: 50px;
right: 0;
_width: 50px;
bottom: 50px;
}
.Sheet-cr div
{
position: absolute;
z-index: -1;
top: 0;
left: -50px;
_width: 100px;
_height: 100%;
background-image: url('../images/Sheet-v.png');
}
.Sheet-cc
{
position: absolute;
overflow:hidden;
z-index: -2;
top: 50px;
left: 50px;
right: 50px;
bottom: 50px;
background-image: url('../images/Sheet-c.png');
}
.Sheet
{
margin-top: 10px !important;
}
/* end Box, Sheet */
valew,
sergio
[consegui fazer funcionar...era as posições dos div´s mesmo e imagens !=png ...flw]
[/color:2zzt65si]
Olá hcarvalho,
eu alterei o meu template e funciona normal em firefox, mas no IE6 atrapalha tudo...
ai achei essa sua dica, fiquei todo feliz, "achei a solução, pensei eu..."
mas acho que nao fiz as alterações corretas porque não funcionou...
o que eu fiz foi assim : copiei o arquivo CSS que funciona no firefox e alterei o nome dele para style.ie6.css e
tudo que tiver ( width: e height: ) mudei para ( _width: e _height: )
só que acho que tem mais coisas que nao funcionam no IE6...
no index.php ficou igual ao que voce exemplificou...
nao tenho o codigo para fazer um "if" do firefox e outros browsers...ai quando abro no firefox, nao acha o CSS...
voce poderia me ajudar, talvez faltou alguma coisa...pode dar uma olhada no arquivo se eu mandar ele completo ?
exemplo :
/* begin Box, Sheet */
.Sheet
{
overflow: hidden;
min-width:73px;
min-height:73px;
margin: 0 auto;
position: relative;
z-index: 0;
_width: 770px;
}
.Sheet-body
{
position: relative;
z-index: 0;
margin: 10px;
}
.Sheet-tl
{
position: absolute;
overflow: hidden;
z-index: -1;
top: 0;
left: 0;
_width: 50px;
_height: 50px;
background-image: url('../images/Sheet-s.png');
}
.Sheet-tr
{
position: absolute;
overflow: hidden;
z-index: -1;
top: 0;
right: 0;
_width: 50px;
_height: 50px;
}
.Sheet-tr div
{
position: absolute;
z-index: -1;
top: 0px;
left: -50px;
_width: 100px;
_height: 100px;
background-image: url('../images/Sheet-s.png');
}
.Sheet-bl
{
position: absolute;
overflow: hidden;
z-index: -1;
bottom: 0;
left: 0;
_width: 50px;
_height: 50px;
}
.Sheet-bl div
{
position: absolute;
z-index: -1;
top: -50px;
left: 0;
_width: 100px;
_height: 100px;
background-image: url('../images/Sheet-s.png');
}
.Sheet-br
{
position: absolute;
overflow: hidden;
z-index: -1;
bottom: 0;
right: 0;
_width: 50px;
_height: 50px;
}
.Sheet-br div
{
position: absolute;
z-index: -1;
top: -50px;
left: -50px;
_width: 100px;
_height: 100px;
background-image: url('../images/Sheet-s.png');
}
.Sheet-tc
{
position: absolute;
overflow:hidden;
z-index: -1;
top: 0;
left: 50px;
right: 50px;
_height: 50px;
}
.Sheet-tc div
{
position: absolute;
z-index: -1;
top: 0;
left: 0;
_width: 100%;
_height: 100px;
background-image: url('../images/Sheet-h.png');
}
.Sheet-bc
{
position: absolute;
overflow:hidden;
z-index: -1;
bottom: 0;
left: 50px;
right: 50px;
_height: 50px;
}
.Sheet-bc div
{
position: absolute;
z-index: -1;
top: -50px;
left: 0;
_width: 100%;
_height: 100px;
background-image: url('../images/Sheet-h.png');
}
.Sheet-cl
{
position: absolute;
overflow:hidden;
z-index: -1;
top: 50px;
left: 0;
_width: 50px;
bottom: 50px;
}
.Sheet-cl div
{
position: absolute;
z-index: -1;
top: 0;
left: 0;
_width: 100px;
_height: 100%;
background-image: url('../images/Sheet-v.png');
}
.Sheet-cr
{
position: absolute;
overflow:hidden;
z-index: -1;
top: 50px;
right: 0;
_width: 50px;
bottom: 50px;
}
.Sheet-cr div
{
position: absolute;
z-index: -1;
top: 0;
left: -50px;
_width: 100px;
_height: 100%;
background-image: url('../images/Sheet-v.png');
}
.Sheet-cc
{
position: absolute;
overflow:hidden;
z-index: -2;
top: 50px;
left: 50px;
right: 50px;
bottom: 50px;
background-image: url('../images/Sheet-c.png');
}
.Sheet
{
margin-top: 10px !important;
}
/* end Box, Sheet */
valew,
sergio
Please Entrar ou Registrar to join the conversation.
- rcavassana
-
- Offline
- JCB! Novato
-
Menos
Mais
- Postagens: 2
- Obrigados Recebidos: 0
14 anos 10 meses atrás #9644
por rcavassana
rcavassana replied the topic: Re: Posição dos conteúdos no IE6
hCarvalho,
Estou com mesmo problema em um template meu, mas no meu caso a msg de email já cadastradado também não aparece ou seja o meu templante está com dois erros um de compatibilidade do IE6 como o seu estava e quando o usuário vai tentar se cadastrar e o email ja está cadastrado a msg "email ja cadastradado não aparece".
Por favor entre em contato comigo pelo msn <!-- e --><a href="mailto:rcavassana@hotmail.com]rcavassana@hotmail.com[/url]<!-- e --> .
Abraços,
Estou com mesmo problema em um template meu, mas no meu caso a msg de email já cadastradado também não aparece ou seja o meu templante está com dois erros um de compatibilidade do IE6 como o seu estava e quando o usuário vai tentar se cadastrar e o email ja está cadastrado a msg "email ja cadastradado não aparece".
Por favor entre em contato comigo pelo msn <!-- e --><a href="mailto:rcavassana@hotmail.com]rcavassana@hotmail.com[/url]<!-- e --> .
Abraços,
Please Entrar ou Registrar to join the conversation.