Jump to content
Fórum Script Brasil
  • 0

div dentro de outra div


acscarolina
 Share

Question

Olá, estou tentando colocar duas divs dentro de uma outra div mas não está rolando, porque parece q as duas cancelam a primeira. Por exemplo a cor de fundo, que está definido na primeira, não aparece mais. Inclusive sua altura.. é como se não existisse.. como se não tivesse nada dentro. 

Como faço para isso não acontecer? Segue o código CSS e html:

/*CSS*/
.fundolugares { 
	color: #000; 
	font-size: 18px; 
	background:#CCC;
	border:#000;
	border-style:dashed;
    width: auto;
	height:auto;	
	/* cima direita baixo esquerda */
	border-radius:5px;
	box-shadow: 4px 4px 4px #FFF;
	} 


.falandosobreolugar { 
	width: 800px;
	background:#CCC;
	border:none;
	height:auto;
	/* cima direita baixo esquerda */
	padding: 1% 2% 2% 2%;
	margin:1% 5% 2% 2%; 
	float: right;
	clear:none;
	border-style:none;
	border-radius:none;
		} 
		

.oqueolugaroferece { 
	width: 200px;
	background:#CCC;
	border:#000;
	height:auto;
	/* cima direita baixo esquerda */
	padding: 1% 2% 2% 2%;
	margin:1% % 2% 3%;
	float: left;
	clear:none;
	border-style:dashed;
	border-radius:5px;}
<!--html-->

<div class="fundolugares">
    
<div align="left" class="oqueolugaroferece">
O que o lugar oferece:
 Estacionamento
 Play
   </div>
   
   <div align="justify" class="falandosobreolugar">  

<p> kkssjjw kjksdjjka  dhjashd s jhd ahsjdh dashd jshd akj hdjhas djahs djkshd jakhs djashd jhasd jhas dajshd jashd jsah
kkssjjw kjksdjjka  dhjashd s jhd ahsjdh dashd jshd akj hdjhas djahs djkshd jakhs djashd jhasd jhas dajshd jashd jsah
kkssjjw kjksdjjka  dhjashd s jhd ahsjdh dashd jshd akj hdjhas djahs djkshd jakhs djashd jhasd jhas dajshd jashd jsah
kkssjjw kjksdjjka  dhjashd s jhd ahsjdh dashd jshd akj hdjhas djahs djkshd jakhs djashd jhasd jhas dajshd jashd jsah
</p>
	    
	<p align="right">23/04/2016   </p>  
    
    </div>   
	</div>
 

 

Link to comment
Share on other sites

2 answers to this question

Recommended Posts

  • 0

Olá.

Faltou um "clear" no final das tuas div's.

Adicione esse código antes do final da div.falandosobreolugar :

<div style="clear:both;"></div> 

Valeu. :D

Olá.

Faltou um "clear" no final das tuas div's.

Adicione esse código antes do final da div.falandosobreolugar :

<div style="clear:both;"></div> 

Ficaria assim:

<div class="fundolugares">
  <div align="left" class="oqueolugaroferece"> O que o lugar oferece:
    Estacionamento
    Play </div>
  <div align="justify" class="falandosobreolugar">
    <p> kkssjjw kjksdjjka  dhjashd s jhd ahsjdh dashd jshd akj hdjhas djahs djkshd jakhs djashd jhasd jhas dajshd jashd jsah
      kkssjjw kjksdjjka  dhjashd s jhd ahsjdh dashd jshd akj hdjhas djahs djkshd jakhs djashd jhasd jhas dajshd jashd jsah
      kkssjjw kjksdjjka  dhjashd s jhd ahsjdh dashd jshd akj hdjhas djahs djkshd jakhs djashd jhasd jhas dajshd jashd jsah
      kkssjjw kjksdjjka  dhjashd s jhd ahsjdh dashd jshd akj hdjhas djahs djkshd jakhs djashd jhasd jhas dajshd jashd jsah </p>
    <p align="right">23/04/2016 </p>
  </div>
  <div style="clear:both;"></div>
</div>

Valeu. :D

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share



  • Forum Statistics

    • Total Topics
      149.9k
    • Total Posts
      646.8k
×
×
  • Create New...