Ir para conteúdo

POWERED BY:

Arquivado

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

Davicamarinha

Tableless, Meio Largura Fixa, Bordas liquidas, tem como?

Por , em Desenvolvimento frontend

Recommended Posts

Davicamarinha    0

Davicamarinha
Postado

Boa tarde a todos, estou desvenvolvendo um site, a area fixa do site tem 800px, e ele tem uns florais nas laterais (esquerda e direita), para caso o site seja aberto em resolução muito baixa, ele automaticamente se comprima, mas mantendo os 800 px do conteudo central. Fiz algo assim:

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
#geral { width:100%; margin:auto; padding:0; border:1px #000 solid; text-align:center; }

#coluna_dir, #coluna_esq { width:17%; height:250px; background-color:#FF0; float:left; }
#conteudo { width:800px; height:250px; background-color:#39F; float:left;  }

</style>


</head>

<body>
<div id="geral">

<div id="coluna_dir">Menu</div>
<div id="conteudo">Conteúdo</div>
<div id="coluna_esq">Notícias</div>

</div>

</body>
</html>

So que ai, ele fica colado na esquerda, e nao centralizado, tem como fazer o meio com o valor em PX e as laterais em %???

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

seria melhor você aplicar esses florais como background do body, e ai centralizar o #conteudo normalmente

conteudo { width:800px; margin: 0 auto; }
ai com os florais como bg do body, você centraliza ele, e dá o devido espaço pra caber a div de conteudo no centro.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

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

  Aceito