Jony Walker Postado Janeiro 4, 2006 Denunciar Share Postado Janeiro 4, 2006 Recentemente testei um código para tableless mas fiquei com uma dúvida: Como fazer para que um div fique ao lado do outro ao invés de um abaixo do outro ??? Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 fercosmig Postado Janeiro 4, 2006 Denunciar Share Postado Janeiro 4, 2006 fala ae amigo,você já tentou o position: absolute?<div id="1" style="background-color: #ffff00; border: #009933 Solid 1px; width: 200px; height: 250px; position: absolute; left:0; top:10;">aa1</div><div id="2" style="background-color: #ccffff; border: #cc0000 Solid 1px; width: 200px; height: 250px; position: absolute; left:202; top:10; ">bb2</div>qqer coisa posta ea!abraços Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 BrILL Postado Janeiro 4, 2006 Denunciar Share Postado Janeiro 4, 2006 Você tentou Float?#div-um, #div-dois{ float:left; } <div id="div-um"></div> <div id="div-dois"></div> Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Jony Walker Postado Janeiro 4, 2006 Autor Denunciar Share Postado Janeiro 4, 2006 Obrigado a ambosCom esses dois métodos eu consigo o mesmo resultado ??? Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 fercosmig Postado Janeiro 4, 2006 Denunciar Share Postado Janeiro 4, 2006 sim,tentei o metodo que o BrILL postou ae só que as duas divs ficaram encostada.mas acredito que tenha um jeito de deixá-las separadas.abraços Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 BrILL Postado Janeiro 4, 2006 Denunciar Share Postado Janeiro 4, 2006 Pra separar você usa o atributo "margin"margin:10px; ou margin-left:10px; vão dar resultados parecidos, isso separa um do outro, para separa o conteúdo interno da DIV você usa o atributo padding.Um exemplo mais completo:<html> <head> <title>TITULO</title> <style type="text/css"> #div-um, #div-dois{ float:left; padding:5px; margin-left:10px; border:1px solid;} #div-um{ width:120px;} #div-dois{ width:600px;} </style> </head> <body> <div id="div-um">Conteúdo...</div> <div id="div-dois">Conteúdo...</div> </body> </html> Citar Link para o comentário Compartilhar em outros sites More sharing options...
Pergunta
Jony Walker
Recentemente testei um código para tableless mas fiquei com uma dúvida:
Como fazer para que um div fique ao lado do outro ao invés de um abaixo do outro ???
Link para o comentário
Compartilhar em outros sites
5 respostass a esta questão
Posts Recomendados
Participe da discussão
Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.