登录 | 注册 | FAQ
Anonymous

Posicionamento/Largura da Div

+ 发表回复

2 篇帖子 分页: 1 / 1


Posicionamento/Largura da Div

jldomingues » 周二 4月 02, 2013 2:14 pm

Bom dia.
Estou com um problema para posicionar a div de forma adequada.

Tenho uma div pai chamada A, que está devidamente ajustada.
Dentro dela tenho a div B que deve se ajustar em largura ao seu conteúdo e ficar posicionada no centro.
É importante ressaltar que o conteúdo da div B é dinâmico, então não posso simplesmente determinar um valor para width.

Os códigos são os seguintes:

HTML:
<div id="A">
<div id="B">
Conteúdo dinâmico
</div>
</div>

Css:
#A{
width: 940px;
height: 53px;
padding: 20px;
padding-left:auto;
padding-right:auto;
margin: 0px auto 2px auto;
line-height: 53px;
font-size: 14px;
font-family: Helvetica, Arial, Verdana;
font-weight: bold;
color: #767980;
border: solid 1px #ececec;
text-align: center;
}

#B
{
margin:0 auto 0 auto;
margin-bottom: 10px;
padding: 0;
text-align: center;
height: 60px;
overflow:hidden;
border:1px solid;
}

Tentei com width:auto, até ter certeza de que ele se ajustaria à div A. Tentei com min-width e max-width, mas ele sempre fica no max-width, indepentende do conteúdo.

Agradeço desde já a ajuda de todos.
头像

jldomingues

  • 帖子: 1
  • 注册: 周二 4月 02, 2013 2:06 pm

Re: Posicionamento/Largura da Div

XainPro » 周六 4月 06, 2013 9:58 am

<!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=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
Css:
#A{
width: 940px;
margin: 0px auto 2px auto;
}

#B
{
width:100%;
margin:0 auto;
text-align:justify;
}
</style>
</head>

<body>

<div id="A">
<div id="B">
Conteúdo dinâmico
</div>
</div>


</body>
</html>
头像

XainPro

  • 帖子: 3933
  • 注册: 周五 2月 17, 2012 8:10 pm


+ 发表回复

分页: 1 / 1