Ir para o conteúdo
Nuno Mateus

alinhar divs

Mensagens Recomendadas

Nuno Mateus

pessoal estou aqui com um problema de iniciante que não estou a conseguir resolver,por isso peço a vossa ajuda.

É o seguinte: queria colocar as duas divs uma ao lado da outra, mas alinhadas. O que acontece é que ao por float elas não ficam alinhadas.

Já agora se puser só o float numa div a outra não devia ficar logo ao lado da outra, é que não resulta por isso puz float left numa e float right noutra.

as divs têm a seguinte formatação;

  .div7
  {
 margin-left:20px;
 width:500px;
 height:700px;
 border:8px groove purple;
 color:black;
 background-color:yellow;
 font-size: 20px;
 float:left;


.div8
  {

 width:500px;
 height:700px;
 border:8px groove purple;
 color:black;
 background-color:yellow;
 font-size: 20px;
 margin:40px;
 float:right;
}

Editado por yoda

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites
scrapy

na parte do html, nao podes fazer uma tabela com bordas invisíveis ? Penso que seja o método mais correcto de fazer.

<!doctype html>

<html>
<body>

<table>
<tr>
<td><div id="div7">codigo div7...</div></td>
<td><div id="div8">codigo div8...</td>
</tr>
</table>



</body>
</html>

#div7 {
margin-left:20px;
width:500px;
height:700px;
border:8px groove purple;
color:black;
background-color:yellow;
font-size: 20px;
}

#div8 {

width:500px;
height:700px;
border:8px groove purple;
color:black;
background-color:yellow;
font-size: 20px;
margin:40px;
}

Editado por scrapy

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites
Nuno Mateus

OK. Deu certo.Muito obrigado pela a ajuda.

Desculpem a minha curiosidade mas ,será a única maneira de fazê-lo?

Atenciosamente,

Nuno Mateus

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites
ktunex

crias uma div geral com a largura total que as duas divs ocupam, as duas divs ficam dentro destas. depois na div do lado esquerdo metes float left. e na div do lado direito float right. atençao, a largura total das duas divs nao deve ultrapassar a largura da div geral.

;)

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites
HappyHippyHippo
<html>
   <head>
     <style type="text/css">
       html, body
       {
         margin: 0;
         padding: 0;
       }
       .wrapper
       {
         width: 600px;
         padding: 100px 0;
         margin: 0 auto;
       }
       .left
       {
         float: left;
         width: 200px;
         height: 200px;
         background-color: #faa;
       }
       .right
       {
         float: right;
         width: 400px;
         height: 400px;
         background-color: #aaf;
       }
     </style>
   </head>
   <body>
     <div class="wrapper">
       <div class="left"></div>
       <div class="right"></div>
     </div>
   </body>
</html>

Editado por HappyHippyHippo

IRC : sim, é algo que ainda existe >> #p@p

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites

Crie uma conta ou ligue-se para comentar

Só membros podem comentar

Criar nova conta

Registe para ter uma conta na nossa comunidade. É fácil!

Registar nova conta

Entra

Já tem conta? Inicie sessão aqui.

Entrar Agora

×

Aviso Sobre Cookies

Ao usar este site você aceita os nossos Termos de Uso e Política de Privacidade. Este site usa cookies para disponibilizar funcionalidades personalizadas. Para mais informações visite esta página.