Ir para conteúdo

Arquivado

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

barbosamths

Comprimento HTML e CSS

Recommended Posts

Estou com a seguinte duvida, gostaria de saber como é possível que um elemento obedeça a um comprimento do outro no caso a largura. No código gostaria que o background AZUL ficasse da altura do VERMELHO de forma autônoma, de forma que ao aumentar a altura de um o outro ficasse com a mesma. Estou usando HTML e CSS.

 

 

<!doctype html>

<html>
<head>
<meta charset="utf-8">
<link href="style.css" rel="stylesheet" type="text/css"/>
<title>Documento sem título</title>
</head>
<body>
<div id="estrutura">
<div id="verm">
<h1>titulo da postagem</h1>
<center><img src="images/fundo.jpg" width="250px" height="350px" border:"0"/></center>
<p align="justify">texto da postagem texto da postagem texto da postagem texto da postagem texto da postagem texto da postagem texto da postagem texto da postagem texto da postagem texto da postagem texto da postagem texto da postagem texto da postagem texto da postagem texto da postagem texto da postagem texto da postagem texto da postagem texto da postagem<p>
<h1>titulo da postagem</h1>
<center><img src="images/fundo.jpg" width="250px" height="350px" border:"0"/></center>
<p align="justify">texto da postagem texto da postagem texto da postagem texto da postagem texto da postagem texto da postagem texto da postagem texto da postagem texto da postagem texto da postagem texto da postagem texto da postagem texto da postagem texto da postagem texto da postagem texto da postagem texto da postagem texto da postagem texto da postagem<p>
</div>
<div id="azul">
</div>
</div>
</body>
</html>

 

 

@charset "utf-8";

/* CSS Document */
*{margin:0; padding:0; border:0;}
body{background:#888888;}
div#estrutura{
margin:auto;
width:900px;
background:#ccc;
}
div#verm{
background:#FF0004;
width:600px;;
float:left;
}
div#verm h1{
margin:25px;
}
div#verm p{
margin:25px;
}
div#azul{
background:#0024FF;
width:300px;
height:100px; /* -->AQUI <-- */
float:left;
}

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.