2 replies [Last post]
pacuia
Offline
newbie
Last seen: 10 years 45 weeks ago
Timezone: GMT-2
Joined: 2008-12-03
Posts: 2
Points: 0

Hello there,

i've spent almost two weeks to ajust this layout in order to shows correctly on IE but I've came across another IE bug.
On IE 6, three paragraphs seems to ignore any rule or whatsoever and they are place right beside the image instead of being place right above the image!!!
Is that an IE 6 bug? I cannot see any solution to this...I[ve tried many ajustments but none have managed to correctly display this three coluns and once the content is placed rigth beside the image, the hole layout is messed up.
This can only bee seen on IE 6. On IE 7 and Firefox the layout is groove,but this mother f**** of IE 6 is driving me crazy...
Can anyone have a look at it?
The website is beeing designed with joomla 1.5.

www.sanessol.com.br/v1
the DIV is : acesso_rapido .

<?php
	// no direct access
	defined( '_JEXEC' ) or die( 'Restricted access' );
?>
<!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="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<jdoc:include type="head" />
 
 
 
<link rel="stylesheet" href="http://www.sanessol.com.br/v1/templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="http://www.sanessol.com.br/v1/templates/system/css/general.css" type="text/css" />
<link rel="stylesheet" href="http://www.sanessol.com.br/v1/templates/sanessol/css/template.css" type="text/css" />
<!--[if IE 6]>
<link rel="stylesheet" href="http://www.sanessol.com.br/v1/templates/sanessol/css/ieonly.css" type="text/css" />
<![endif]-->
 
 
<style type="text/css">
<!--
body,td,th {
	color: #000000;
}
body {
	background-color: #51bfe5;
}
-->
</style>
 
 
</head>
 
 
 
<body>
 
<?php if (JRequest::getVar('view') == 'frontpage')
{
$frontpage = true;
}
?>
 
<div id="base">
	<div id="header">
   	  <div align="center"></div>
  	</div>
 
  <div id="holder1">  
  	<div id="holder2">
   	  <div id="menu_holder">
    			<jdoc:include type="modules" name="menu" style="rounded" />
	  </div>
 
    		<div id="destaque">
      			<div class="rounded_home">
                	<div>
                    	<div>
                        	<div>
 
                            	<jdoc:include type="component" style="rounded" />
                            </div>
                        </div>
                    </div>
	  			</div>
      </div>
 
<div id="<?php echo $frontpage ? 'acesso_rapido' : ''; ?>">
		  <div class="rounded_acesso">
                	<div>
                    	<div>
                        	<div>
 
                            	<jdoc:include type="modules" name="acesso1" style="xhtml" />
                            </div>
                        </div>
                    </div>
	  			</div>
	  </div>
  </div>
 
 
   <div id="<?php echo $frontpage ? 'holder3' : ''; ?>">
      <div id="<?php echo $frontpage ? 'acesso_conta' : ''; ?>">
               <jdoc:include type="modules" name="conta" style="rounded" />
        </div>
      <div id="<?php echo $frontpage ? 'banner1' : ''; ?>">
        <jdoc:include type="modules" name="banner1" style="xhtml" />
      </div>
      <div id="<?php echo $frontpage ? 'banner2' : ''; ?>">
        <jdoc:include type="modules" name="banner2" style="xhtml" />
      </div>
      <div id="<?php echo $frontpage ? 'noticias' : ''; ?>">
        <jdoc:include type="modules" name="noticias" style="rounded" />
      </div>
    </div>
 
 
</div>
 
 
 <!--Início do Rodapé--> 
     	<div id="rodape_total">
        <div class="rounded_rodape">
                	<div>
                    	<div>
                        	<div>
       <div id="rodape">
        <div id="rodape1">
          <p>Sanessol - Empresa de Saneamento de Mirassol<br />
            Rua Nove de Julho, 1.426, Mirassol - São Paulo,SP - CEP 15130-000 - <img src="http://www.sanessol.com.br/v1/templates/sanessol/imagens/fone.jpg" alt="3" width="14" height="14" align="middle" class="img_fone" /> (17) 3242-7775<br />
            Copyright © 2008 - Criação Password Comunicação<br />
          </p>
        </div>
        <div id="rodape2">
          <p>Atendimento ao Consumidor</p>
          <h1>0800-774-0195</h1>
        </div>
        </div>
                        </div>
                    </div>
	   </div>
</div> 
</div>
<!--Fim do Rodapé-->
 
 
    </div>
 
 
 
 
 
 
 
 
     <br />
     <br />
 
</body>
</html>

@charset "UTF-8";
 
/*Reset valores padrao*/
 
/* ||| universal set of reset styles |||*/
 
html, body, div, span, applet, object, iframe, caption, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, dl, dt, dd, ol, ul, li, fieldset,  form,label, legend {
	vertical-align: baseline;
 
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
	font: 100% "Trebuchet MS", Verdana;
}
/* remember to define focus styles! */
 
focus {
	outline: 0;
}
 
ol,
ul {
	list-style: none;
}
/* tables still need cellspacing="0" in the markup */
 
table {
	border-collapse: separate;
	border-spacing: 0;
 
}
 
/* remove possible quote marks (") from <q> & <blockquote> */
 
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}
blockquote,
q {
	quotes: "" "";
}
/* ||| the end |||*/
 
/* ||| set of clearing floats |||*/	
 
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
.clr {
	font-size : 1px;
}
 
/* Hides from IE5-mac \*/
* html .buggybox {height: 1%;}
/* End hide from IE5-mac */
 
 
.clearfix {
	display: block;
}
.clear {
	clear: both;
}
/* End hide from IE-mac */
/* ||| the end |||*/
 
html {
	height: 100%;
	margin-bottom: 1px;
	}
 
body {
	margin: 0;
	padding: 0;
	font-size:100%;
	}
 
a {
	outline: none;
	cursor: pointer;
	}
 
a:link, a:visited, a:active {
	text-decoration: none;
	}
 
a:hover {
	text-decoration: underline;
	}
 
ul {
	padding: 0 0 0 2px;
	margin: 0;
	margin-left: 1px;
	list-style: none;
	}
 
ul li {
	border-bottom: 1px solid #f1f1f1;
	padding-left: 0;
	line-height: 170%;
	padding: 5px 0;
	}
 
ul li a {
	text-decoration: none!important;
	}
 
ul li a:hover {
	text-decoration: underline!important;
}
 
ol li {
	line-height: 170%;
}
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
/*Container do layout */
 
div#base {
	height: auto;
	width: 750px;
	background: #B8E6F6;
	position: static;
	margin:  auto;
	overflow: auto;
	padding: 15px;
	visibility: visible;
}
 
 
/*Figura geométrica */
	div#header {
	height: 180px;
	width: 760px;
	margin-bottom: 15px;
	background: url(../imagens/header.jpg) no-repeat left top;
	position: static;
 
	}
 
		/* Abriga menu e destaque da home */
		div#holder1 {
	width: 750px;
	height: auto;
	overflow: visible;
	clear: right;
	float: left;
	visibility: visible;
	position: static;
		}
 
 
 
 
 
/*Abriga coluna direita*/
 
 
 
div#holder2 {
	width: 550px;
	max-width:750px;
	height: auto;
	position: relative;
	overflow: visible;
	visibility: visible;
	float:left;
}
 
div#holder3 {
	width:185px;
	position: relative;
	float: right;
	height: auto;
 
	margin-bottom: 5px;
}
 
 
/* MENU PRINCIPAL */	
div#menu_holder {
	width: 130px;
	float: left;
	height: auto;
	position: relative;
	background:#fff;
	margin-right: 15px;
	padding-right: 10px;
}
 
 
 
#menu_holder p {
	text-align: left;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 12px;
	}
 
 
 
 
 
 
 
 
	div.moduleswmenu {
	background: url('../imagens/mw_content_t_r.png') top right no-repeat;
	margin:auto;
	padding:0;
	width: 150px;
   	   	}
 
    div.moduleswmenu div {
	background:url('../imagens/mw_content_t_l.png') no-repeat left top;
	margin:0; 
	padding:0.6em 0 0 0;
   	width: 140px;
		}
 
    div.moduleswmenu div div {
	background:url('../imagens/mw_content_b_l.png') bottom left no-repeat;
	margin:0;
	width: 140px; 
	padding:0 0 0 0.6em; 	
    	}
 
    div.moduleswmenu div div div {
	    background: url('../imagens/mw_content_b_r.png') bottom right no-repeat;
    	margin:0;  
		padding:0 0 0.7em 0; 
		width: 140px;
			}
 
	div.moduleswmenu div div div div {
	padding:0;
	margin-right: 10px;
	background:#fff;
	width:141px;
			}
/* @end Round corner modules */
 
 
 
 
div#destaque {
	width: auto;
	float: left;
	background: #FFFFFF;
	margin-left: 13px;
	margin-bottom:15px;
	height: auto;
	position: relative;
	max-width:580px;
	overflow: visible;
	visibility: visible;
}
 
div#destaque div.blog {
margin-left:10px;
width:350px;
}
 
 
div#page {
width:auto;
margin-left:10px;
}
 
div#page p {
	font-size:0.7em;
	color:#333333;
 
}
 
 
div#page h2.contentheading {
	background: url(../imagens/destaque_internas.jpg) no-repeat left 3px;
	font: bold 0.9em/30px "Trebuchet MS", Verdana;
	text-align: left;
	color: #FFFFFF;
	padding-bottom: 10px;
	text-indent: 15px;
}
 
div#page h3 {
color: #0a376c;
font-size: 0.9em;
margin-top:15px;
margin-bottom:10px;
}
 
 
#destaque h2.contentheading {
	font-size: 1em;
	color: #0a376c;
	margin-bottom: 5px;
	text-align: left;
	text-decoration: none;
 
}
 
 
div#destaque h1.componentheading {
	background: url('../imagens/destaque_title.jpg') no-repeat 5px 3px;
	font: bold 0.9em/30px "Trebuchet MS", Verdana;
	text-align: left;
	color: #FFFFFF;
	padding-bottom: 10px;
	text-indent: 15px;	
	}
 
#destaque p.iteminfo span.createdate {
	font-size: 1em;
	color: #666666;
	margin-bottom: 10px;
 
}
 
div#destaque div.leading img {
	border: 2px solid #51bfe5;
	margin-top:5px;
	margin-right: 10px;
	margin-bottom: 10px;
}
 
 
div#destaque div.leading p {
	font-size:0.7em;
	color:#333333;
 
}
 
div#destaque span.leading_separator{
	line-height:5px;
 
}
 
div#destaque div.blog_more h2{
	font-size: 0.8em;
	color: #0a376c;
 
	text-align: left;
	text-decoration: none;
	margin-left: 15px;
 
	margin-bottom: 5px;
}
 
div#destaque div.blog_more ul{
	font-size: 0.8em;
	color: #0a376c;
 
	text-align: left;
	text-decoration: none;
	margin-left: 15px;
 
	margin-bottom: 5px;
}
 
div#destaque li {
line-height:1em;
	padding: 0px;
	border-bottom-width:0;
	list-style: square inside;
	text-align:left;
	}
 
div#destaque ul.pagination{
	font-size:0.8em;
	color: #0a376c;
	line-height:9em;
	margin-top: 5px;
	margin-left: 15px;
}
 
div#destaque ul.pagination li{
	line-height:1em;
	padding: 0px;
	border-bottom-width:0;
	list-style: square inside;
}
 
div#destaque p.counter {
	font: normal 0.7em "Trebuchet MS", Verdana;
	margin-top: 10px;
	text-align: left;
	margin-left:15px;
}
 
div#destaque table.blog tbody tr td a.pagenav {
	font: normal 0.7em "Trebuchet MS", Verdana;
	margin-top: 10px;
	}
 
 
 
 
 
	div.rounded_home {
	background: url('../imagens/mw_content_t_r.png') top right no-repeat;
	margin:auto;
	padding:0;
	width: auto;
   	   	}
 
    div.rounded_home div {
	background:url('../imagens/mw_content_t_l.png') no-repeat left top;
	margin:0; 
	padding:0.6em 0 0 0;
   	width: auto;
		}
 
    div.rounded_home div div {
	background:url('../imagens/mw_content_b_l.png') bottom left no-repeat;
	margin:0;
	width: auto; 
	padding:0 0 0 0.6em; 	
    	}
 
    div.rounded_home div div div {
	    background: url('../imagens/mw_content_b_r.png') bottom right no-repeat;
    	margin:0;  
		padding:0 0 0.7em 0; 
		width: auto;
			}
 
	div.rounded_home div div div div {
	padding:0;
	margin-right: 10px;
	background:#fff;
	width:auto;
			}
 
 
 
 
 
 
 
/*Abriga DV Acesso rapido */
div#acesso_rapido {
	height: auto;
	width: auto;
	max-width:550px;
	float: left;
	margin-top: 15px;
	clear: left;
	position: relative;
	margin-bottom: 15px;
	visibility: visible;
	overflow: visible;
	background:#FFFFFF;
	text-align:center;
}
 
 
	   div#acesso_rapido h3 {
				margin:0px 0 0px 0px;
				font: bold 0.9em "Trebuchet MS", Verdana;
				background: url('../imagens/acesso_tittle.jpg') no-repeat;
				text-align: left;
				color: #FFFFFF;
				padding-top: 5px;
				padding-bottom: 15px;
				text-indent: 15px;
				width:540px;
				}
 
 
	div.rounded_acesso {
	background: url('../imagens/mw_content_t_r.png') top right no-repeat;
	margin:auto;
	padding:0;
	width: auto;
   	   	}
 
    div.rounded_acesso div {
	background:url('../imagens/mw_content_t_l.png') no-repeat left top;
	margin:0;
	padding:0.6em 0 0 0;
	width: auto;
		}
 
    div.rounded_acesso div div {
	background:url('../imagens/mw_content_b_l.png') bottom left no-repeat;
	margin:0;
	width: auto; 
	padding:0 0 0 0.6em; 	
    	}
 
    div.rounded_acesso div div div {
	    background: url('../imagens/mw_content_b_r.png') bottom right no-repeat;
    	margin:0;  
		padding:0 0 0.7em 0; 
		width: auto;
			}
 
	div.rounded_acesso div div div div {
	padding:0;
	margin-right: 5px;
	margin-left:5px;
	background:#fff;
	width:auto;
			}
 
 
 
div#banner1 {
	height: 70px;
	margin-top: 12px;
	margin-bottom:12px;
	}
 
div#banner1 div.banneritem a img {
	border:none!important;
	}
 
div#banner2 {
	height: 70px;
	margin-bottom:12px;
}
 
div#banner2 div.banneritem a img {
	border:none!important;
	}
 
/* Módulo Notícias */
 
div#noticias {
	height: auto;
 
}
 
div#noticias p {
	color:#333333;
	font-size: 0.7em;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	}
 
div#noticias h4.gk_news_show_news_header a {
	font-size: 0.8em;
	font-weight: normal;
	margin-top: 0;
	margin-right: 0;
	padding-left: 10px;
}
 
div#noticias h4.gk_news_show_news_header a:hover {
	text-decoration: underline;
	font-weight: normal;
}
 
div#noticias a.gk_news_show_news_readmore_inliner {
	text-decoration: underline;
}
 
 
 
div#noticias hr {
	color:#999999;
	width: 155px;
	margin-top: 10px;
}
 
div#noticias img {
	margin-left: -10px;
	border:none;	
}
 
.tittle_destaque {
	margin-bottom: 10px;
	margin-top: 10px;
	text-align: center;
}
 
/* @group Round corner modules */
		div.module {
			margin:auto auto 10px;
			padding:0;
			}
 
		div.module div { 
			margin:0; 
			padding:0.6em 0 0 0;
			}
 
      	div.module div div { 
			margin:0; 
			padding:0 0 0 7px; 
			}
 
		div.module div div div {
	margin:0;
	padding:0 0 0.9em;
			}
 
			/*titulo noticias*/			   
		   div#noticias div.module div div div h3 {
				margin:0px 0 0px 0px;
				font: bold 0.9em "Trebuchet MS", Verdana;
				background: url('../imagens/noticias.jpg') no-repeat;
				text-align: left;
				color: #FFFFFF;
				padding-top: 5px;
				padding-bottom: 15px;
				text-indent: 15px;
				}
 
			 div.module div div div ul.latestnews {
				margin:6px 0 0;
				font: 1em "Trebuchet MS", Verdana;
				color: #E8E8E8;
				text-align: left;
				}
 
            div.module div div div div {
	margin:0;
	padding:0;
				}
 
             	div.module div div div div p { 
				margin:0; 
				padding:0; 
				line-height:1.6; 
				background:none; 
				}
 
 
/* @end Round corner modules */
 
 
    div.rounded
    {
       background:#fff url('../imagens/mw_content_t_r.png') top right no-repeat;
    }
 
    div.rounded div
    {
       background: url('../imagens/mw_content_t_l.png') top left no-repeat;
    }
 
    div.rounded div div
    {
       background: url('../imagens/mw_content_b_l.png') bottom left no-repeat;   
    }
 
    div.rounded div div div
    {
       background: url('../imagens/mw_content_b_r.png') bottom right no-repeat;
    }
 
 
 
div#rodape_total {
	background-color:#FFFFFF;
	float: left;
	position: relative;
	visibility: visible;
	clear:left;
	height: 100%;
	width: 100%;
	}
 
div.rounded_rodape {
	background: url('../imagens/mw_content_t_r.png') top right no-repeat;
	padding:0;
	width: 750px;
	margin-right: auto;
	margin-bottom: auto;
	position: relative;
	visibility: inherit;
	top: auto;
	right: auto;
	bottom: auto;
   	   	}
 
    div.rounded_rodape div {
	background:url('../imagens/mw_content_t_l.png') no-repeat left top;
	margin:0; 
	padding:0.6em 0 0 0;
   	width: auto;
		}
 
    div.rounded_rodape div div {
	background:url('../imagens/mw_content_b_l.png') bottom left no-repeat;
	margin:0;
	width: auto; 
	padding:0 0 0 0.6em; 	
    	}
 
    div.rounded_rodape div div div {
	    background: url('../imagens/mw_content_b_r.png') bottom right no-repeat;
    	margin:0;  
		padding:0 0 0.7em 0; 
		width: auto;
			}
 
	div.rounded_rodape div div div div {
	padding:0;
	margin-right: 10px;
	background:#fff;
	width:auto;
			}
 
/* Módulo Rodapé */
div#rodape {
 
	height: 50px;
	width: 740px;
	background: #FFFFFF;
}
 
 
 
 
#rodape1 {
	float: left;
	height: 50px;
	width: 74%;
	background: #FFFFFF;
	border-right: 1px dotted #51BFE5;
	}
 
#rodape1 p {
	font-size:0.6em;
	text-align: center;
	color: #0A376C;
	font-weight: bold;
	margin-top: 8px;
	}
 
#rodape1 img{
	margin-top: -15px;
}
 
 
#rodape1 .img_fone{
	margin-bottom: -4px;
}
#rodape2 {
	float: right;
	height: 50px;
	width: 20%;
	position: relative;
	background: #FFFFFF;
}
 
#rodape2 p {
	font-size:0.6em;
	color: #0A376C;
	font-weight: bold;
	text-align: center;
	margin-top: 8px;
	}
 
#rodape2 h1 {
	font-size:1.1em;
	color: #666666;
	font-weight: bold;
	text-align: center;
	margin-top: 2px;
	}

.minifp td { 
	padding-right:5px;
	vertical-align:text-top;
	}
 
.minifp td p {
	font-size:11px;
	line-height:13px;
	color:#333333;
	margin-top:3px;
	text-align:center;
 
 
	}
 
 
.minifp td img {
	border:2px solid #51BFE5;
	margin-bottom:5px;
	clear:rigth;
	display:block;
	align:center;
	}
 
 
.minifp-anotherlinks {
	font-weight:bold;
	font-size:100%;
	border-bottom:1px solid #ccc;
	display:block;
	padding-bottom:5px;
	margin-bottom:5px;
	background:url(../images/application_add.gif) no-repeat top left;
	padding-left:20px;
}
 
.minifp ul li {
	font-size:94%;
	padding-left:0;
}
.minifp ul li a {
 
}
.minifp-introtitle a {
	text-decoration:none;
	color:#0a376c;
	font-size:12px;
	text-align:center;
}
 
.minifp-introtitle a:hover {
	text-decoration:underline;
}
 
.minifp-date {
	color:#666;
	font-size:9px;
	font-weight:normal;
	height:10px;
}
 
a.minifp-full-link {
	font-weight:bold;
	line-height:24px;
}
 
a:hover.minifp-full-link {
	text-decoration:underline;
}

@charset "UTF-8";
 
/*Reset valores padrao*/
 
/* ||| universal set of reset styles |||*/
 
html, body, div, span, applet, object, iframe, caption, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, dl, dt, dd, ol, ul, li, fieldset,  form,label, legend {
	vertical-align: baseline;
 
 
	padding: 0;
	margin: 0;
	border: 0;
	font: 100% "Trebuchet MS", Verdana;
}
/* remember to define focus styles! */
 
focus {
	outline: 0;
}
 
ol,
ul {
	list-style: none;
}
/* tables still need cellspacing="0" in the markup */
 
table {
	border-collapse: separate;
	border-spacing: 0;
 
}
 
/* remove possible quote marks (") from <q> & <blockquote> */
 
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}
blockquote,
q {
	quotes: "" "";
}
/* ||| the end |||*/
 
/* ||| set of clearing floats |||*/	
 
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
.clr {
	font-size : 1px;
}
 
/* Hides from IE5-mac \*/
* html .buggybox {height: 1%;}
/* End hide from IE5-mac */
 
 
.clearfix {
	display: block;
}
.clear {
	clear: both;
}
/* End hide from IE-mac */
/* ||| the end |||*/
 
html {
	height: 100%;
	margin-bottom: 1px;
	}
 
body {
	margin: 0;
	padding: 0;
	font-size:100%;
	}
 
a {
	outline: none;
	cursor: pointer;
	}
 
a:link, a:visited, a:active {
	text-decoration: none;
	}
 
a:hover {
	text-decoration: underline;
	}
 
ul {
	padding: 0 0 0 2px;
	margin: 0;
	margin-left: 1px;
	list-style: none;
	}
 
ul li {
	border-bottom: 1px solid #f1f1f1;
	padding-left: 0;
	line-height: 170%;
	padding: 5px 0;
	}
 
ul li a {
	text-decoration: none!important;
	}
 
ul li a:hover {
	text-decoration: underline!important;
}
 
ol li {
	line-height: 170%;
}
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
/*Container do layout */
 
div#base {
	height: 110%;
	width: 760px;
	background: #B8E6F6;
	position: static;
	margin:  auto;
	overflow: auto;
	visibility: visible;
	padding: 15px 5px 15px 15px;
}
 
 
/*Figura geométrica */
	div#header {
	height: 180px;
	width: 760px;
	margin-bottom: 15px;
	background: url(../imagens/header.jpg) no-repeat left top;
	position: static;
 
	}
 
		/* Abriga menu e destaque da home */
		div#holder1 {
	width: 750px;
	height: auto;
	overflow: visible;
	clear: right;
	float: left;
	visibility: visible;
	position: static;
		}
 
 
 
 
 
/*Abriga coluna direita*/
div#holder2 {
	width: 100%;
	max-width:750px;
	height: auto;
	position: relative;
	overflow: visible;
	visibility: visible;
	float:left;
}
 
 
div#holder3 {
	width:185px;
	position: relative;
	float: right;
	height: auto;
 
	margin-bottom: 5px;
}
 
 
/* MENU PRINCIPAL */	
div#menu_holder {
	width: 140px;
	float: left;
	height: auto;
	position: relative;
	background:#fff;
	padding-right:0px;
	margin-top:0px;
 
}
 
 
 
#menu_holder p {
	text-align: left;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 12px;
	}
 
 
 
 
 
 
 
 
	div.moduleswmenu {
	background: url('../imagens/mw_content_t_r.png') top right no-repeat;
	margin:auto;
	padding:0;
	width: 140px;
   	   	}
 
    div.moduleswmenu div {
	background:url('../imagens/mw_content_t_l.png') no-repeat left top;
	margin:0; 
	padding:0.6em 0 0 0;
   	width: 140px;
		}
 
    div.moduleswmenu div div {
	background:url('../imagens/mw_content_b_l.png') bottom left no-repeat;
	margin:0;
	width: 140px; 
	padding:0 0 0 0.6em; 	
    	}
 
    div.moduleswmenu div div div {
	    background: url('../imagens/mw_content_b_r.png') bottom right no-repeat;
    	margin:0;  
		padding:0 0 0.7em 0; 
		width: 140px;
			}
 
	div.moduleswmenu div div div div {
	padding:0;
	margin-right: 10px;
	background:#fff;
	width:140px;
			}
/* @end Round corner modules */
 
 
 
 
div#destaque {
	width:300px;
	max-width:550px;
	float: left;
	background: #FFFFFF;
	margin-left:15px;
	height: auto;
	position: relative;
	overflow: visible;
	visibility: visible;
	margin-bottom: 15px;
 
}
 
div#destaque div.blog {
margin-left:10px;
width:300px;
}
 
div#page {
width:auto;
margin-left:10px;
}
 
div#page p {
	font-size:0.7em;
	color:#333333;
 
}
 
 
div#page h2.contentheading {
	background: url(../imagens/destaque_internas.jpg) no-repeat left 3px;
	font: bold 0.9em/30px "Trebuchet MS", Verdana;
	text-align: left;
	color: #FFFFFF;
	padding-bottom: 10px;
	text-indent: 15px;
}
 
div#page h3 {
color: #0a376c;
font-size: 0.9em;
margin-top:15px;
margin-bottom:10px;
}
 
 
#destaque h2.contentheading {
	font-size: 16px;
	font-weight:bold;
	color: #0a376c;
	margin-bottom: 1px;
	text-align: left;
	text-decoration: none;
 
}
 
#destaque a:link {
color: #0a376c;
}
 
 
div#destaque h1.componentheading {
	background: url('../imagens/destaque_title.jpg') no-repeat;
	font: bold 13px/30px "Trebuchet MS", Verdana;
	text-align: left;
	color: #FFFFFF;
	padding-bottom: 10px;
	text-indent: 15px;
	width:300px;	
	}
 
#destaque p.iteminfo span.createdate {
	font-size: 10px;
	color: #666666;
	margin-bottom: 10px;
 
}
 
div#destaque div.leading img {
	border: 2px solid #51bfe5;
	margin-top:5px;
	margin-right: 10px;
	margin-bottom: 10px;
	width:300px;
	height:155px;
}
 
 
div#destaque div.leading p {
	font-size:11px;
	color:#333333;
 
}
 
div#destaque span.leading_separator{
	line-height:5px;
 
}
 
div#destaque div.blog_more h2{
	font-size: 11px;
	color: #0a376c;
 
	text-align: left;
	text-decoration: none;
	margin-left: 15px;
 
	margin-bottom: 5px;
}
 
div#destaque div.blog_more ul{
	font-size: 11px;
	color: #0a376c;
 
	text-align: left;
	text-decoration: none;
	margin-left: 15px;
 
	margin-bottom: 5px;
}
 
div#destaque li {
line-height:1em;
	padding: 0px;
	border-bottom-width:0;
	list-style: square inside;
	text-align:left;
	}
 
div#destaque ul.pagination{
	font-size:10px;
	color: #0a376c;
	line-height:9em;
	margin-top: 5px;
	margin-left: 15px;
}
 
div#destaque ul.pagination li{
	line-height:10px;
	padding: 0px;
	border-bottom-width:0;
	list-style: square inside;
}
 
div#destaque p.counter {
	font: normal 10px "Trebuchet MS", Verdana;
	margin-top: 10px;
	text-align: left;
	margin-left:15px;
}
 
div#destaque table.blog tbody tr td a.pagenav {
	font: normal 10px "Trebuchet MS", Verdana;
	margin-top: 10px;
	}
 
div#destaque a:hover {
	color: #336666;
	}
 
 
 
	div.rounded_home {
	background: url('../imagens/mw_content_t_r.png') top right no-repeat;
	margin:auto;
	padding:0;
	width: 300px;
   	   	}
 
    div.rounded_home div {
	background:url('../imagens/mw_content_t_l.png') no-repeat left top;
	margin:0;
	padding:0.6em 0 0 0;
	width: 300px;
		}
 
    div.rounded_home div div {
	background:url('../imagens/mw_content_b_l.png') bottom left no-repeat;
	margin:0;
	width: 300px; 
	padding:0 0 0 0.6em; 	
    	}
 
    div.rounded_home div div div {
	    background: url('../imagens/mw_content_b_r.png') bottom right no-repeat;
    	margin:0;  
		padding:0 0 0.7em 0; 
		width: 300px;
			}
 
	div.rounded_home div div div div {
	padding:0;
	margin-right: 10px;
	background:#fff;
	width:300px;
			}
 
 
 
 
 
 
 
/*Abriga DV Acesso rapido */
div#acesso_rapido {
	width:500px!important;
	height: auto;
	float: left;
	clear: left;
	position: relative;
	visibility: visible;
	overflow: visible;
	background:#FFFFFF;
	margin-bottom: 15px;
	text-align:center;	
}
 
 
div#acesso_rapido h3 {
	margin:0px 0 0px 0px;
	font: bold 13px "Trebuchet MS", Verdana;
	background: url('../imagens/acesso_tittle.jpg') no-repeat;
	text-align: left;
	color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 15px;
	text-indent: 15px;
	width:540px;
	}
 
div#acesso_rapido table tr {
	margin-left:5px;
	margin-right:5px;
	width:500px;
	}
 
div#acesso_rapido a {
	text-align:center;
	}
 
	div.rounded_acesso {
		background: url('../imagens/mw_content_t_r.png') top right no-repeat;
		margin:auto;
		padding:0;
		width: auto;
   	   	}
 
    div.rounded_acesso div {
		background:url('../imagens/mw_content_t_l.png') no-repeat left top;
		margin:0;
		padding:0.6em 0 0 0;
		width: auto;
		}
 
    div.rounded_acesso div div {
		background:url('../imagens/mw_content_b_l.png') bottom left no-repeat;
		margin:0;
		width: auto; 
		padding:0 0 0 0.6em; 	
    	}
 
    div.rounded_acesso div div div {
	    background: url('../imagens/mw_content_b_r.png') bottom right no-repeat;
    	margin:0;  
		padding:0 0 0.7em 0; 
		width: auto;
		}
 
	div.rounded_acesso div div div div {
		padding:0;
		margin-right: 5px;
		margin-left:5px;
		background:#fff;
		width:auto;
		}
 
 
 
 
 
 
 
 
/* Coluna  Direita */
 
div#acesso_conta {
	height: auto;
	padding-left: 9px;
	width: auto;
}
 
#acesso_conta p{
	font-size:0.7em;
 
	}
 
#acesso_conta a:link {
	color:#0a376c;
}
 
.texto_conta {
	margin-bottom: 10px;
	margin-top: 5px;
	text-align: left;
}
 
div#banner1 {
 
	margin-top: 12px;
	margin-bottom:12px;
	}
 
div#banner1 div.banneritem a img {
	border:none!important;
	}
 
div#banner2 {
 
	margin-bottom:12px;
}
 
div#banner2 div.banneritem a img {
	border:none!important;
	}
 
/* Módulo Notícias */
 
div#noticias {
	height: auto;
 
}
 
div#noticias p {
	color:#333333;
	font-size: 0.7em;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	}
 
div#noticias h4.gk_news_show_news_header a {
	font-size: 0.8em;
	font-weight: normal;
	margin-top: 0;
	margin-right: 0;
	padding-left: 10px;
}
 
div#noticias h4.gk_news_show_news_header a:hover {
	text-decoration: underline;
	font-weight: normal;
}
 
div#noticias a.gk_news_show_news_readmore_inliner {
	text-decoration: underline;
}
 
 
 
div#noticias hr {
	color:#999999;
	width: 155px;
	margin-top: 10px;
}
 
div#noticias img {
	margin-left: -10px;
	border:none;	
}
 
.tittle_destaque {
	margin-bottom: 10px;
	margin-top: 10px;
	text-align: center;
}
 
/* @group Round corner modules */
		div.module {
			margin:auto auto 10px;
			padding:0;
			}
 
		div.module div { 
			margin:0; 
			padding:0.6em 0 0 0;
			}
 
      	div.module div div { 
			margin:0; 
			padding:0 0 0 7px; 
			}
 
		div.module div div div {
	margin:0;
	padding:0 0 0.9em;
			}
 
			/*titulo noticias*/			   
		   div#noticias div.module div div div h3 {
				margin:0px 0 0px 0px;
				font: bold 0.9em "Trebuchet MS", Verdana;
				background: url('../imagens/noticias.jpg') no-repeat;
				text-align: left;
				color: #FFFFFF;
				padding-top: 5px;
				padding-bottom: 15px;
				text-indent: 15px;
				}
 
			 div.module div div div ul.latestnews {
				margin:6px 0 0;
				font: 1em "Trebuchet MS", Verdana;
				color: #E8E8E8;
				text-align: left;
				}
 
            div.module div div div div {
	margin:0;
	padding:0;
				}
 
             	div.module div div div div p { 
				margin:0; 
				padding:0; 
				line-height:1.6; 
				background:none; 
				}
 
 
/* @end Round corner modules */
 
 
    div.rounded
    {
       background:#fff url('../imagens/mw_content_t_r.png') top right no-repeat;
    }
 
    div.rounded div
    {
       background: url('../imagens/mw_content_t_l.png') top left no-repeat;
    }
 
    div.rounded div div
    {
       background: url('../imagens/mw_content_b_l.png') bottom left no-repeat;   
    }
 
    div.rounded div div div
    {
       background: url('../imagens/mw_content_b_r.png') bottom right no-repeat;
    }
 
 
 
div#rodape_total {
	background-color:#FFFFFF;
	float: left;
	position: relative;
	visibility: visible;
	clear:left;
	height: 71px;
	width: 750px;
	}
 
div.rounded_rodape {
	background: url('../imagens/mw_content_t_r.png') top right no-repeat;
	padding:0;
	width: 750px;
	margin-right: auto;
	margin-bottom: auto;
	position: relative;
	visibility: visible;
	top: auto;
	right: auto;
	bottom: auto;
   	   	}
 
    div.rounded_rodape div {
	background:url('../imagens/mw_content_t_l.png') no-repeat left top;
	margin:0; 
	padding:0.6em 0 0 0;
   	width: auto;
		}
 
    div.rounded_rodape div div {
	background:url('../imagens/mw_content_b_l.png') bottom left no-repeat;
	margin:0;
	width: auto; 
	padding:0 0 0 0.6em; 	
    	}
 
    div.rounded_rodape div div div {
	    background: url('../imagens/mw_content_b_r.png') bottom right no-repeat;
    	margin:0;  
		padding:0 0 0.7em 0; 
		width: auto;
			}
 
	div.rounded_rodape div div div div {
	padding:0;
	margin-right: 10px;
	background:#fff;
	width:auto;
			}
 
/* Módulo Rodapé */
div#rodape {
 
	height: 50px;
	width: 740px;
	background: #FFFFFF;
}
 
 
 
 
#rodape1 {
	float: left;
	height: 50px;
	width: 74%;
	background: #FFFFFF;
	border-right: 1px dotted #51BFE5;
	}
 
#rodape1 p {
	font-size:0.6em;
	text-align: center;
	color: #0A376C;
	font-weight: bold;
	margin-top: 8px;
	}
 
#rodape1 img{
	margin-top: -15px;
}
 
 
#rodape1 .img_fone{
	margin-bottom: -4px;
}
#rodape2 {
	float: right;
	height: 50px;
	width: 20%;
	position: relative;
	background: #FFFFFF;
}
 
#rodape2 p {
	font-size:0.6em;
	color: #0A376C;
	font-weight: bold;
	text-align: center;
	margin-top: 8px;
	}
 
#rodape2 h1 {
	font-size:1.1em;
	color: #666666;
	font-weight: bold;
	text-align: center;
	margin-top: 2px;
	}

Stomme poes
Stomme poes's picture
Offline
Elder
Netherlands
Last seen: 7 years 50 weeks ago
Netherlands
Timezone: GMT+2
Joined: 2008-02-04
Posts: 1854
Points: 378

Hmmm, I only see one HTML

Hmmm, I only see one HTML error (you have a style somewhere in the body; they must be in the ) so it's likely any of the common IE6 bugs. Your code (prolly because it's from Joomla) is overcomplicated and very full.

What I'd do is try to recreate that layout, but very simplified: only having first the base, your header, the holder3 and holder 2, footer, and the three divs inside holder2. That is your skeleton and the multiple extra divs you have for those rounded corners (I assume that's what they're for) aren't helping you find bugs, nor are all those awful !importants. !important is a little dangerous to play with-- it exists to help users not developers. Normal code should never use it.

You're also having a hard time finding anything because your code is filled to the brim with "prattling"-- code that talks and talks but does nothing, like

	visibility: visible;
	position: static;
        height: auto;

Those are defaults who almost never ever need to be mentioned at all. They're filling your code and hiding bugs.

This is prolly why I hate templates.

The most popular IE6 bugs likely to be hitting your layout are:
double-margin float bug-- IE6 doubles any side margins on floats who are floated in the same direction as the nearest container edge (so if holder3 is floated right, the right edge (which is touching the right side of base) might have its right margin doubled (if there is a margin, I didn't look). This will cause there not to be enough room for, in this example, holder3 and holder2 to sit side-by-side, and one of them will drop down.
Adding display: inline to the float with the problem magically fixes it. It does not need to be commented out form other browsers-- they will ignore it, because they're smart enough to know that floats are blocks.

If you have a floated chunk sitting next to (alongside of) a non-floated chunk, like say if holder2 was not floated but holder3 was, then you can get 3pixel jog. This adds three pixels of space no matter what between the floated and non-floated chunks. This can also make the two boxes not fit side-by-side and would force one to drop down. Triggering Haslayout on the non-floated box (if it's not there already) and setting a negative left margin of 3px to the right floated content (behind a * html hack for IE6 only) in this example would remove the gap.

IE (both 6 and 7) have trouble letting floats clear floats in the same direction. Since you say everything looks good in IE7, this shouldn't be troubling you.

IE6 doesn't understand min or max width. Hopefully wherever you've stated a min or max width, you've also stated a plain width just for IE6. Then, count your widths carefully-- IE6 doesn't allow content to overflow like other browsers, but will force the container to expand-to-fit (making it too wide, again, causing drop) from the expanding-box bug. I don't see anything in FF that looks like it would force overflow expansion though.
You also haven't set widths in % which is good-- IE6 can add 50% and 50% and get 101% because, well, it uses "Redmond math".

You are clearing your floats a bit backwards with the clearfix. I'd do it this order:

.clearfix {
	display: inline-block;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

The inline-block gives the box Haslayout, which is enough to enclose the floats for IE (6 and 7) and then you say what you REALLY want it to be (a display: block) later in the code with :after. This will keep it a block in modern browsers, and doesn't undo Haslayout in IE.

That's maybe as far as I could go, because I really hate crawling through template code. Slimming down the code to build a skeleton of your site (with the fewest possible boxes) will likely show you the issue(Drunk anyway, and if it doesn't, at least you have an easier-to-read case for us to look at. But possibly you can find out which bug(Drunk are affecting your layout if it's one of the above bugs (double-margin float bug and 3pixel jog).

I'm no expert, but I fake one on teh Internets

pacuia
Offline
newbie
Last seen: 10 years 45 weeks ago
Timezone: GMT-2
Joined: 2008-12-03
Posts: 2
Points: 0

Solved

Hello mate,

First of all thank u so much for ur quick reply...to be quite honest, I´ll save it as a rule for future layouts...

My biggest problem was those three images and their respectively paragraphs that were just refusing to go right above the images instead of right beside then...

The solution? Couldn't bee any simple, there was a "forced" float: left instruction on the PHP of the mini-frontpage component, once I removed that mother f**** I got to heaven!!!

As for the rest of the layout, I,ve cleaned some of the CSS following your advices, but must of all I've kept a special CSS for IE only and everything looks good now...

Next step is to finish understanding the joomla component and formating accordly to my designing needs (well, the client needs actually, lolol).

I'll drop a reply here once I've finished and published the website officially.

Once again, thank u very much for all support!!!

Cheers.