Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Boa tarde pessoal,
Preciso fazer uma divisao de conteudo de um site exatamente como esta da imagem abaixo:
/applications/core/interface/imageproxy/imageproxy.php?img=http://www.cmax.com.br/linha.jpg&key=928a3a5038fde63c087c1a99ea6a903a960a832912f0e276221025fd6d91a203" alt="linha.jpg" />
Com um detalhe este que esta me atormentando, a tela ao ser redimensionada (esquerda pra direita.) os marcadores da esquerda e direita, tem que permanecer no seu estado inicial.
Ja tentei tudo mas nao consigo fazer com que este detalhe de fixar os marcadores venha funcionar.
Obrigado desde ja!
Cada um tem que ir pro canto da tela, como apresentado na imagem.
Poste seu código, só assim poderemos encontrar o problema.
Provavelmente utilizando float você consegue, mas poste o código para verificarmos melhor.
>
Poste seu código, só assim poderemos encontrar o problema.
Provavelmente utilizando float você consegue, mas poste o código para verificarmos melhor.
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sem título</title>
<style>margin:0 auto;
background-color:#CCC;
}
#total{
margin:0 auto;
width:1024px;
height:500px;
background-color:#333;
}
#central{
float:left;
margin:20 0 20 0px;
width:100%;height:25px;
background-color:#F93;
}</style>
</head>
<body>
<div id="total">
<div id="central">
<div id="esquerda"></div>
<div id="direita"></div>
</div>
</div>
</div>
</body>
</html>Detalhe: nao estou conseguindo centralizar nem a linha no meio da tela.
Você esta tentando deixar uma div ao lado da outra, diferente do que a imagem acima sugere.
Se a intenção é separar os conteúdos verticalmente, não tem motivos para querer deixar uma div ao lado da outra.
Coloque um width:100% nas duas e a separação você faz com um bg aplicando um position alinhado conforme sua necessidade. No caso da primeira div - left bottom, no caso da segunda div - right top.
Também pode utilizar border bottom e border top para fazer a linha azul de separação.
Joao Prado,
Bom dia seguindo seu conselho obtive exito na tarefa.
A solução:
Fiz 2 divs numa adicionei border-botton 1pixel, e a imagem como rodape com margin lef e na outra div border top, com a imagem margin-right.
O que matou de vez o problema.
Obrigado pela ajuda!!
>
Você esta tentando deixar uma div ao lado da outra, diferente do que a imagem acima sugere.
Se a intenção é separar os conteúdos verticalmente, não tem motivos para querer deixar uma div ao lado da outra.
Coloque um width:100% nas duas e a separação você faz com um bg aplicando um position alinhado conforme sua necessidade. No caso da primeira div - left bottom, no caso da segunda div - right top.
Também pode utilizar border bottom e border top para fazer a linha azul de separação.
Por nada, precisando é só postar :thumbsup:
Como esta fazendo? Poste seu código.
Eles devem manter esta distância ou cada um deve ir para um canto mas mantendo a disposição na tela?