Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Danielw3

[Resolvido] Alinhar DIV no IE6

Por , em Desenvolvimento frontend

Recommended Posts

Danielw3    0

Danielw3
Postado

Olá, pessoal, é minha primeira vez aki no fórum...

 

Estou com alguns problemas no desenvolvimento desse layout, e queria q uma ajuda de vcs!

 

Não estou conseguindo alinhar a DIV de Conteúdo, com a Coluna Lateral Direita!

 

Aqui está o HTML:

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="style.css" type="text/css" media="all" />
<title>Sem Título </title>
</head>

<body>
<div id="container">
	<div id="header"></div>
	<div id="menunav">
		<ul>
			<li><a href="index.html" title="Ir para Página Inicial" class="selected">Home</a></li>
			<li><a href="loja.html" title="Conheça nossa loja">Loja</a></li>
			<li><a href="eventos.html" title="Conheça nossos Eventos">Eventos</a></li>
			<li><a href="contato.html" title="Entre em Contato conosco">Contato</a></li>
		</ul>
	</div>
	<div id="contents"></div>
	<div id="marcas"></div>
	<div id="footer"></div>
</div>
</body>
</html>

 

E aqui o meu CSS:

 

@charset "utf-8";
/* CSS Document */

*{
	margin: 0;
	padding: 0;
}

body {
	margin: 0 auto;
	background-color:#000000;
	background-attachment: scroll;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	font-style: normal;
}

a {
	color: #FFFFFF;
	text-decoration: none;
	letter-spacing: 2px;
	font-variant: small-caps;
}

#container {
	width: 774px;
	margin: 0 auto;
	display:table;
}

#header {
	height: 190px;
	background-color: #009900;
}

#menunav {
	width: 774px;
	height: 35px;
	line-height: 35px;
	background-color: #006699;
	display: block;
}

#menunav ul { list-style-type: none }

#menunav ul li {
	display: inline;
	margin-left: 20px;
}

#menunav ul li a {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 1.2em;
	text-decoration: none;
	width: 161.5px;
	text-align: center;
	display: block;
	float: left;
}

#menunav ul li a:hover, #menu ul li a:active, #menu ul li a:focus {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #0033FF;
	font-size:150%;
}

#contents {
	height: 601px;
	width: 645px;
	float: left;
	display: inline;
	background-color: #990000;
}

#marcas {
	width: 128px;
	height: 601px;
	margin-left: 645px;
	background-color:#996633;
	
}

#footer {
	height: 40px;
	background-color: #9966FF;
}

Desde já agradeço a atenção de todos!

 

Abs.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Veja que você deu uma margem gigantesca para posicionar o #marcas, e isso não é correto, apenas faça:

#marcas {
	width: 128px;
	height: 601px;
	float: right; /* coloquei um float no lugar da margem que tava antes */
	background-color:#996633;
}

Compartilhar este post

Link para o post
Compartilhar em outros sites

Danielw3    0

Danielw3
Postado
  William Bruno disse:

Veja que você deu uma margem gigantesca para posicionar o #marcas, e isso não é correto, apenas faça:

#marcas {
	width: 128px;
	height: 601px;
	float: right; /* coloquei um float no lugar da margem que tava antes */
	background-color:#996633;
}

 

Obrigado Willian...

 

Deu certinho!

 

Vlw

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito