básica com DIV =P

[Renato =) 0]

Não consegui dividir o "MAIN" em "MAINESQ" e "MAINDIR"

 

queria dividir o conteúdo em 550px na esquerda e o restante na direita, só que não consegui =X

 

alguém da uma luz pra mim??

 

o layout ta assim:

body {
	margin: 0;
	padding: 0;
	background-color: #333333;
	font-family: Verdana;
	font-size: small;
	color: #FFFFFF;
	  }
	  img.logo {
	position: absolute;
	left: 25%;
	z-index: 1;
	  }
	  td.header {
	float: left;
	font: bold 13px Arial;
	width: 100%;
	height: 25px;
	line-height: 25px;
	background: transparent url(imagens/menu1.gif) center center repeat-x;
	  }
	  #header {
	background-image: url("imagens/topo.jpg");
		height: 192px;
	width: 100%;
	  }
	  #menu {
	line-height: 300%;
	background-image: url("imagens/menu.jpg");
		height: 45px;
	width: 100%;
	  }
	  #main {
	margin: 20px;
		width: 550px;
		height: auto;
	  }
	  #footer {
	clear: both;
	text-align: right;
	line-height: 102px; 
	background-image: url("imagens/footer.jpg");
		width: 100%;
		height: 102px;
	  }

Valeuu! abraço

[DSerma 19]

Crie 2 divs, um com 550px e o outro com o restante, e faça assim:

 

<style>

#mainesq
{
width: 550px;
float: left
}

</style>

Com o "float: left", a outra div, que será a da direita, ficará realmente à diretita desta primeira div..

 

Abraços...

[Renato =) 0]

humm, depois eu vou testar...

 

mas eu precisaria declarar "float: right;" na outra?

e a largura, eu também precisaria? ou os dois se ajustam automaticamente?

 

abraços ^^