Ir para conteúdo

POWERED BY:

Arquivado

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

Micilini Roll

Float left nao esta funcionando porque?

Por , em Desenvolvimento frontend

Recommended Posts

Micilini Roll    49

Micilini Roll
Postado

ai esta o codigo,pq a div com id de cartao_interior_esquerdo nao esta ficando do lado da div cartao-interior_direito??

 

<!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" />
<title>Untitled Document</title>
</head>
<body>
<div id="total"> 
<div id="cartao" style="width:452px; margin:0 auto; height:263px; border-radius:15px; background:url(background.jpg); ">

<div id="segura" style="padding-top:7px">

<div id="cartao_interior_esquerdo" style="width:437px; margin-left:7px;   height:248px;  border-radius:15px; float:left;   background: -webkit-gradient(radial,  center center , 437, center center, 248, from(#000), to(#3d3d3d));">

</div><!-- div cartao interior esquerdo -->

<div id="cartao_inferior_direito" style="width:145px; height:248px; background:#000;  ">
</div><!-- div cartao inferior direito -->
</div><!-- div segura -->
</div><!-- div cartao -->
</div><!-- fechamento div total -->

<body>
</body>
</html>

 

 



porque ele nao fica logo de automatico,pois no caso tenho que ficar digitando no style do cartao_inferior_direito margin-left?? pois quando dou margin-left ele fica certinha do lado da outra,mais o float left nao era pra fazer isso de automatico??

Compartilhar este post

Link para o post
Compartilhar em outros sites

Alexandre Broggio    9

Alexandre Broggio
Postado

Por que sua div#cartao_interior_esquerdo esta ocupando todo o espaço diminui o width:150px; da div#cartao_interior_esquerdo e coloca um float:left; na div#cartao_inferior_direito.

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