formatar div sem conteudo

[jokita18 0]

Olá estou a tentar criareste template mas estou com um problema. A linha mais á esquerda do template não aparece se não decretar uma min-height ou height mas não posso decretar height pois os post podem variar de tamanho (se o post for grande pode faltar linha se o post for pequeno pode sobrar linha)

também já decretei height 100% mas tambem fez desaparecer a linha.

Sei que o problema é a div não ter conteúdo mas não sei como resolver. Podem-me ajudar?

Obrigado

 

css:

/*conteudo*/
#content{ width:715px;  float:left; margin:0px 105px 0px 0px; ;}
#post{ }
#post_content{ margin:0px 0px 0px 47px }
#post_data{ font-family:"Times New Roman", Times, serif; font-size:15px; color:#D2C4AC; margin:55px 0px 0px 5px;}
#linha_topo { background:url(imagens/icons/linha_topo.jpg); height:1px; margin:0px 0px 0px -12px; height:2px; ; }
#linha_esq { background:url(imagens/icons/linha_esq.jpg)  ; margin:-14px 0px 0px -5px; min-height:500PX; width:3px ;float:left; padding:0px }

#post_titulo {  margin:0px 0px 25px 0px; }
#post_titulo a {font-size:33px; color:#A5967F; text-decoration:none; font-variant:small-caps;  }
#posts_titulo a:hover{;}
#posts p { font-family:"Times New Roman", Times, serif; font-size:15px;text-align:justify; line-height:20px; margin:10px 0px 0px 5px;}


#posts img {  padding:0px; margin:5px}

html :

 <div id="post"> 

   <div id="post_data">
   <?php echo date('j.m.Y');?>

   </div><!--post_data--><div id="linha_topo"></div><!--linha_topo-->

   <div id="post_content">

    <div id="linha_esq">
        </div><!--linha_esq-->
   <div id="post_titulo"><a href="#">crise, moda e descontos</a> </div>
   <img src="imagens/img exp.jpg" width="715" />
   <p>Com esta paisagem de tirar a respiração, a ilha de Bora Bora, a 240 quilómetros a noroeste do Taiti, é o expoente máximo da praia paradisíaca. A ilha encontra-se rodeada por uma laguna delimitada por um recife de coral de onde sobressaem algumas pequenas ilhotas os motus offshore - pequenas ilhas de coral com praias de areia branca e fina. No interior deste arco erguem-se dois picos, o Monte Pahia e o Monte Otemanu, este último com 727 m de altitude (o ponto mais alto da ilha), reminiscências de um vulcão entretanto extinto. O nome original da ilha em língua taitiana, Pora Pora, pode ser traduzido como Nascida em primeiro. </p>
   </div><!--post_content-->
   	</div><!--pots-->

   </div><!--content-->

[William Bruno 1501]

pq você não faz essas linhas como bordas do post ?

 

a propriedade border existe para isso.

[jokita18 0]

pq você não faz essas linhas como bordas do post ?

 

a propriedade border existe para isso.

pq se utilizar as bordasnão dá para cruzar a linhas como aqui e como o espaço entre os post vai ser conseguido com margin botton a borda não apareceria ai.

obrigado pela sugestão.

algem tem outra ideia?

[William Bruno 1501]

se você usar a do topo como borda, e a da esquerda como background do post(sem criar um novo elemento), você chega nesse efeito ai.

[jokita18 0]

se você usar a do topo como borda, e a da esquerda como background do post(sem criar um novo elemento), você chega nesse efeito ai.

com a ideia de á pouco fica assim (ou seja só falta conseguir que fique com a linha lateral no margin com esta nova ideia a linha nem aparece.

mas se conseguir que a linha lateral apareça entre os post só com as bordas por mim tudo bem~.

obrigado

[William Bruno 1501]

em vez de usar margin-top, use padding-top.

[jokita18 0]

em vez de usar margin-top, use padding-top.

não me lembrei de uma coisa tão simples :upset: .mas agora como seria de esperar apareceu a borda em na parte superior do site (actualize a pagina para perceber melhor) neste momento é relativamente fácil retirar dali aquilo mas como o site vai funcionar com loop não sei como fazer. pode ajudar-me?

[William Bruno 1501]

Então use padding-top no lugar do padding-bottom.

 

E faça o primeiro espaçamento com margin-bottom do elemento de cima, e não com o post.