Ir para conteúdo

POWERED BY:

Arquivado

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

Andreatti

[Resolvido] Layout com div formando colunas

Por , em Desenvolvimento frontend

Recommended Posts

Andreatti    0

Andreatti
Postado

Boa tarde galera...

To tentando criar um layout com divs mas nao esta ficando certo. Vo postar o codigo e se alguem quiser tentar me ajudar eu agradeço.

 

 

CSS:

@charset "utf-8";
/* CSS Document */
*{
margin:0;
padding:0;
}

#tudo {
width:900px;
margin-left:auto;
margin-right:auto;
height:auto;
background-color:#09F;

}

#topo {
width:899px;
height:70px;
margin-left:auto;
margin-right:auto;
background-color:#003;
}

#esq {
width:250px;
height: 600px;
background-color:#990;
}

#dir {
width:640px;
height: 600px;
background-color:#090;
}

 

 

HTML:

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="estilo.css"/>
<title>Olá Mundo!</title>
<body>

<div id="tudo">
<div id="topo">

   </div>
   <div id="esq">

   </div>
   <div id="dir">

   </div>
</div>

</body>
</html>

 

O que eu estou tentando fazer é um layout bem simples. Porem a div DIR nao fica posicionada ao lado da div ESQ, ela ta ficando abaixo... Ja tentei um monte de maneiras que eu vi na net mas ainda nao consegui fazer corretamente. Agradeço a ajuda se possivel.

 

A ja consegui... lol... facim...

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