4 replies to this topic

[Pretzel de Canela]

Estou com um probleminha com meu layout. O site está sendo feito em css/tableless e quando visualizo no IE, o conteudo da div menu e da div content ficam posicionados certinhos. No Mozilla Firefox não. Alguma dica ?

Meu blog

Aqui vai o css do meu site:

.text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-align: justify;
	padding: 5px;
	margin: 5px;
	letter-spacing: 1px;
}
#content {
	width: 500px;
	margin-left: 5px;
	margin-right: 5px;
	padding-left: 5px;
	padding-right:5px;
	border: medium solid #FFCCCC;
}

#categories {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-align: justify;
	padding: 5px;
	font-style: italic;
}

#archives {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-align: justify;
	padding: 5px;
	font-style: italic;
}

.feedback {
	color: #333333;
	text-align: right;
}

.meta {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	text-align: justify;
	padding: 5px;
	font-style: italic;
}

.meta, .meta a {
	color: #333333;
	font-weight: italic;
	letter-spacing: 0;
}
.meta ul {
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
}

.meta li {
	display: inline;
}

.storytitle {
	margin: 0;
	font-size: 12px;
}

.storytitle a {
	text-decoration: none;
	font-size: 12px;
}

#commentform input, #commentform textarea {
	background: #FF6699;
	border: medium solid #FFFFFF;
}

#commentform textarea {
	width: 100%;
}

#menu {
	border: medium solid #FFCCCC;
	padding: 5px;
	position: absolute;
	width: 216px;
	right: 2px;
	top: 0;
}

#menu ul {
	color: #333333;
	list-style-type: none;
	margin: 0;
	padding-left: 3px;
	text-transform: capitalize;
}

#menu ul ul {
	list-style-type: none;
	font-variant: normal;
	font-weight: normal;
	margin: 0;
	padding: 0;
	text-align: left;
}

#menu ul ul li {
	border: 0;
	font: normal normal 12px Verdana, Arial, Helvetica;
	letter-spacing: 0;
	margin-top: 0;
	padding: 0;
	padding-left: 5px;
}

#menu ul ul li a {
	color: #FF6699;
	text-decoration: underline;
}

#wp-calendar {
	border: thin solid #FFFFFF;
	empty-cells: show;
	font-size: 12px;
	margin: 0;
	width: 50%;
}

#wp-calendar #next a {
	padding-right: 5px;
	text-align: right;
}

#wp-calendar #prev a {
	padding-left: 5px;
	text-align: left;
}

#wp-calendar a {
	display: block;
	text-decoration: none;
}

#wp-calendar a:hover {
	color: #333;
}

#wp-calendar caption {
	color: #333333;
	font-size: 12px;
	text-align: left;
}

#wp-calendar td {
	color: #333333;
	font: normal 12px Verdana, sans-serif;
	letter-spacing: normal;
	padding: 2px 0;
	text-align: center;
}

#wp-calendar td.pad:hover {
	background: transparent;
}

#wp-calendar td:hover, #wp-calendar #today {
	background: #eee;
	color: #bbb;
}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
}

Edição feita por: Pretzel de Canela, 30/07/2004, 00:06.

[_alucard]

Não costumo utilizar o Mozilla, mas já ouvi muitos comentários a respeito d o mesmo nao aceitar sobreposiçao de camadas, portanto para visualizar corretamente um site em camadas com o Mozilla, acredito q seria necessario evitar sobreposiçao d camadas.

[Klaus]

O FireFox sim, aceita a sobreposição. Tentei visualizar o site mas... nem deu.

[maksti]

Posta o link correto pra poder testar.

[]´s

[Guilherme Blanco]

Seu link está quebrado.

Bem, na realidade você então programou errado. Não é o Mozilla que naum está suportando o que você escreveu.
O que acontece é que você fez errado, o Mozilla analisou corretamente... e o IE, que é gamibarrento, mostrou como ele achou melhor. E você acha que tá certo!


Pelo CSS, não parece ter nada de anormal. Talvez você, que gostou de tableless, devesse utilizar floating divs para resolver seus problemas... é só uma idéia.


Corrija o link para podermos avaliar melhor.

[]s,