[Resolvido] Div com 3 partes

[Andrey Knupp Vital 136]

Galera, estou com uma dúvida aqui, na verdade, não é bem uma dúvida, queria saber se é possível e como faz isso aqui com CSS em uma div:

Não quero usar table porque fica feio, talvez com CSS e alguns elementos a mais na div seja possível.

[wdc_black_ 0]

css

#box1 {
   float: left;
   width: 30%;
}

#box2 {
   float:right;
   width: 70%;
}

 

html

<div id="box1"></div>

<div id="box2">

    <div id="escrita1"></div>

    <div id="escrita2"></div>

</div>

<br clear="all" />

 

;)

[Andrey Knupp Vital 136]

Acho que eu já consegui aqui, com um pouquinho de 'gambiarra', rsrsrs, veja :seta: http://mbiosinformatica.com.br/box.php

Código, CSS:

.box{
      border: 1px solid #CCC;
      padding: 5px;
      font-family: 'tahoma';
      background-color: #fff;
      height: 42px;
      width: 540px;
}
.box .number{
      margin-top: -5px;
      color: #ae4828;
      font-weight: bold;
      font-size: 27px;
      padding: 10px 15px 10px 10px;
      border-right: 1px solid #CCC;
      position: absolute;
}
.contents{
      margin-left: 45px;
}
.contents hr{
      height: 1px;
      border: 0px;
      margin: 0px;
      border-bottom: 1px solid #CCC;
      width: 500px;
      position: absolute;
}      
.fix{
      clear: both;
}

HTML:

<div class="box">
      <div style="float: left">
             <div class="number">1</div> 
             <div class="contents">
                    <div class="top">Escrita ..</div>
                    <hr />
                    <div class="bottom">Escrita ...</div>
             </div>
      </div>
</div>

[wdc_black_ 0]

isso não é gambiarra hehe, é apenas html e css ;)