Problema Box Model Hack no wordpress

[malucow 0]

Bom dia pessoal, sou completamente ignorante quanto a programação em geral, me viro com templates e tal, mesmo assim to fazendo meu site com WordPress integrado ao coppermine e outros frufrus ^^.

O que acontece, é que baixei um template chamado Green Marineé para o WordPress, ele foi feito pra versão 1.5 do mesmo, mas instalei no 2.2 e funcionou QUASE perfeitamente, acontece que o modulo SideBar.php do tema usa uma tag CSS chamada "voice-family", andei checando no DreamWeaver e ele apresentou incompatibilidade com o IE em geral, mas no firefox funciona normalmente, essa falta de suporte da tag acaba gerando um erro quando eu tento incluir qualquer informação nessa sidebar, aumentando sua altura , mas o footer da pagina não acompanha, soprepondo-o. No meu humilde conhecimento, ehhe, creio que seja problema na tag, veja nas imagens a seguir:

 

Firefox com Box Model Hack

 

IE com Box Model Hack

 

 

Editando o stylesheet do tema, encontro a tag problematica(Se eu retiro o Box Model Hack, o problema na sidebar some, mas o conteudo do centro se desalinha verticalmente):

 

Começo do código

/* 4)-=-=-=- Right selectors -=-=-=- */		#right {	float: right;	width: 250px;	padding: 10px 15px;		/* Box model hack used for IE5.5/5 */	voice-family: "\"}\""; 	  voice-family: inherit;	  width: 230px;	}

Final do Stylesheet

/* 8)-=-=-=- Hacks -=-=-=- */	.clearfix:after { /* float hack used to float content correctly */	content: ".";    	display: block;    	height: 0;    	clear: both; 	visibility: hidden;	}/* Hides from IE-mac \*/* html .clearfix {height: 1%;}/* End hide from IE-mac */

Exemplo no IE sem o Box Model Hack (apenas deletei o codigo)(note como há erros de alinhamento, mas o footer está correto):

 

 

 

Se puderem ajudar com uma solução pra esse problema, fico muito agradecido !!

 

Abraço

[Guilherme Rambo 4]

Usa isso aqui na div que engloba todo o site, geralmente chamada pelo wordpress de container:

#container:after {content: ".";display: block;clear: both;visibility: hidden;}

[]'s

[malucow 0]

Obrigado pela rapida resposta!

 

Mas entretanto, como disse, sou bem ignorante nesse assunto, poderia ser mais especifico?

 

Adicionei o codigo na div do container no stylesheet, ficando assim:

/* 2)-=-=-=- Structure -=-=-=- */		#container {	width: 765px;	margin: 0 auto;	text-align: left;	}#container:after {  content: ".";  display: block;  clear: both;  visibility: hidden;	}

Aparentemente não mudou nada, mas quando eu insiro o codigo da seguinte maneira, o site praticamente some ^^

/* 2)-=-=-=- Structure -=-=-=- */		#container {	width: 765px;	margin: 0 auto;	text-align: left;		content: ".";		display: block;		clear: both;		visibility: hidden;	}

 

: /

[malucow 0]

Ah, o Compatibility Checker do DreamWeaver tá acusando erro na propriedade "Content" do codigo :mellow:

[Guilherme Rambo 4]

Aff, manda o dreamweaver se f***, ele naum sabe de nada apdkasdaookdokapd

Assim, ta certo do primeiro modo que você fez, mas já que não funcionou, tente assim:

#container {width: 765px;margin: 0 auto;text-align: left;display:table;}

[malucow 0]

Nada ainda : /Mas tranquilo, vou evitar esse problema simplesmente mantendo a sidebar no tamanho exato, outra hora vejo isso com mais calma, valeu ae!!