[Resolvido] Como separar

[Celinho 0]

Tipo eu to querendo fazer o seguinte... Colocar tipo uma linha pra separar o slide do menu e dos artigos que estão abaixo dele tipo

 

________________________________________________________________________

 

 

SLIDE

 

________________________________________________________________________

 

Só que eu não to conseguindo fazer isso... o site é width 100% mas a largura real mesmo é 960px... eu queria que essa linha separando pegasse os 100% e não só 960px... eu uso alguma imagem com repeat? ou é algum outro código que se usa?

[marcelo2605 10]

Usa <hr> e formta com css

[William Bruno 1501]

você vai precisar repensar a estrutura da página.

 

colocando 960px em cada bloco de linha(topo, conteudo e rodapé) individualmente, e não um container com tudo dentro.

ou então tentar usar um background no body por exemplo, pois esse por default terá os 100% de largura.

 

não existe mágica, e tb não recomendo sobreposição de elementos. Se você quer 100%, então algum elemento da tua estrutura tem q ter esses 100%.

[Celinho 0]

Eu tentei com HR e só fica nos 960 e não nos 100% =/

 

Então Willian, eu fiz assim, não sei se está certo... criei uma div 100% pra pega todo o espaço e então criei uma outra div com 960px para dentro do conteúdo/topo/rodapé fiz o mesmo para os 3.. não sei se foi isso que você quis dizer.

[Jonathan Djavan 2]

Mais por que você que separar assim? D: O slider vai estar dentro do wrapper que vai ter os 960px se você quer que a linha fique nos 100% você tem que por a linha ou uma div com 100% dentro da div que também tem 100%.

[Celinho 0]

Eu quero fazer isso mais por estética mesmo hsAUshUShaS... pra dar uma separação pra num ficar meio que tudo jogado e tals sabe

[JCMais 75]

A tua estrutura deve está da seguinte forma:

<div id="wrapper">
   Conteúdo do site aqui - 960px
</div>

 

Pra resolver basta fazer algo assim:

<div class="wrapped">
   Teu slide - 960px
</div>
<hr class="content-separator"> <!-- Vai ficar 100% -->
<div class="wrapped">
   Restante do site - 960px
</div>

[Celinho 0]

Opa agora deu certo!

 

obrigado JCMais!