Ir para conteúdo

Arquivado

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

Kay_

[Resolvido] Posicionamento

Por , em Desenvolvimento frontend

Recommended Posts

Kay_    0

Kay_
Postado

Galera é o seguinte, Salva no bloco de notas ai o codigo como .html e olhe para me esclarecer uma duvida:

 

 

CODIGO:

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
		<title>Untitled Document</title>
	<style type="text/css">
	body {
	background-color: #efe3c6;
	margin: 0px;
}

#geral {
	width: 960px;
	height: 600px;
	margin: 0 auto;
	border: black solid thin;
}

#topo {
	height: 218px;
	border: black solid thin;
}

#dragao_topoesq {
	background-color: red;
	width: 271px;
	height: 218px;
	float: left;
}

#dragao_topodir {
	background-color: red;
	width: 271px;
	height: 218px;
	float: right;
}

#titulo_topo {
	background-color: green;
	border: black solid thin;
	width: 292px;
	height: 74px;
	margin: 0 auto;
}

#botaotopo {
	clear: both;
	background-color: black;
	width: 132px;
	height: 79px;
	border: black solid thin;
}
	
	</style>
	</head>
	<body>
		<div id="geral">
			<div id="topo">
				<div id="dragao_topoesq"></div>
				<div id="dragao_topodir"></div>
				<div id="titulo_topo"></div>
				<div id="botaotopo"></div>
			</div>
		</div>
	</body>
</html>

 

 

 

ACABOU O CODIGO:

 

 

Ta vendo essa div preta, pois é, eu quero que ela fique abaixo da div verde, como eu faço isso?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Eliseu M.    2

Eliseu M.
Postado

Simples, adicione ao código dessa div:

 

margin:0 auto;

// EDITANDO...

 

Adicione:

 

margin:0 auto;
position:relative;
bottom:110px;

Té +!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Kay_    0

Kay_
Postado

Opa tentei agora e deu aqui ;), vlws, é que sem o margin não aparecia agora com margin apareceu.

Vlw ao dois ai, mais Eliseu, seu código não prestou aqui não oO, eu adicionei aquela edição na div titulo_topo. Vlwss

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