Ir para conteúdo

POWERED BY:

Arquivado

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

Juliano.net

Div não fica com background

Recommended Posts

Galera estou com o seguinte código:

 

 

 

<div id="ContainerTabEntradaDados" style="margin-top: 10px; width: 972px; padding-left: 5px;">   <div id="BarraTabEntradaDados">	<ul id="TabEntradaDados">	 <li id="TabPanela" class="TabStripAtivo"><a href="java script:MudaTabAtiva('PanelPanela','TabPanela');">PANELA</a></li>	 <li id="TabTundish"><a href="java script:MudaTabAtiva('PanelTundish','TabTundish');">TUNDISH / MOLDE</a></li>	</ul>   </div>   <div id="ConteudoTabEntradaDados">	<div id="PanelPanela" class="EsconderItem" style="float: left; ">	 <div>	  <fieldset id="Panela" style="width: 947px;">	   <legend>PANELA</legend>	   .... CONTEUDO ....	  </fieldset>	 </div>	 <div>	  <fieldset id="Producao" style="width: 256px; float: left;">	   <legend>PRODUÇÃO</legend>	   .... CONTEUDO ....	  </fieldset>	 </div>	</div>			<div id="PanelTundish" style="float: left;">	 <fieldset id="Tundish" style="width: 944px">	  <legend>TUNDISH</legend>	  <div>	   .... CONTEUDO ....	  </div>	  <br />	  <div>	   .... CONTEUDO ....	  </div>	  <br />	  <div>	   .... CONTEUDO ....	  </div>	 </fieldset>	 	 <fieldset id="Molde" style="width: 944px">	  <legend>MOLDE</legend>	  .... CONTEUDO ....	 </fieldset>	</div>   </div>  </div>

 

E meu CSS está assim:

 

#ContainerTabEntradaDados ul{ list-style: none;}#BarraTabEntradaDados ul{ list-style: none; height: 1%; display: table; width: 100%;}#BarraTabEntradaDados ul li { float: left; margin: 0 4px; border-left: solid 1px #b9b9b9;	border-right: solid 1px #b9b9b9;	border-top: solid 1px #b9b9b9;	background-image: url(/n2_lc1/images/TabStrip.jpg); background-repeat: repeat-x;}#BarraTabEntradaDados ul li a { 	display: block; 	float: left; 	padding: 5px 12px; 	font-weight: bold; 	font-family: Arial, Verdana;	font-size: small;	text-decoration: none;	color: Black;	}#BarraTabEntradaDados ul li a:hover { color: #645e00;}#ConteudoTabEntradaDados{ background-color: #e4e4e4; padding: 6px;}

 

 

 

Na área onde estão os fieldsets, ou seja, dentro da div ConteudoTabEntradaDados, eu setei para a cor ficar cinza, mas ela só vai até o início do fieldset onde fica a legenda e não no background todo.

 

 

 

Deêm uma olhada na imagem abaixo para entender melhor. Preciso que o background fique no formulário todo.

 

 

 

Imagem Postada

Compartilhar este post


Link para o post
Compartilhar em outros sites

Valeu.Queria fazer o sistema usando WebStandards e já estou progredindo creio eu. Mas estes detalhes é que eu garro um pouco.Porque a div Container não expande junto ao seu conteúdo? Qual das propriedades do CSS que está no link que você me passou que é responsável por essa correção?Desculpe as perguntas, mas é porque quero aprender ao invés de só copiar códigos....:D

Compartilhar este post


Link para o post
Compartilhar em outros sites

Queria fazer o sistema usando WebStandards

Só citando, se você usar tabelas nau quer dizer q nau vai estar nos padrões ;)

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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