none
Aumentar tamanho de DIV dinamicamente RRS feed

  • Pergunta

  • Estou começando a desenvolver sistemas para web e gostaria de saber como posso aumentar a DIV com uma determinada cor de fundo dinamicamente, pois nessa DIV terá botões e dependendo da quantidade de botões a mesma será redimensionada, tenho um CSS que esse DIV irá herdar. Segue abaixo:
    #menu { min-width:295px; height:32px; float:left; background-image:url('img/barra_menu_esquerda.png'); background-repeat:no-repeat; color:White; line-height:32px; text-align:center;}
    
    Obrigado.
    Raynner.

    Estudante de Bacharelado em Sistemas de Informação
    Formado como Técnico em Informática com ênfase em Análise e Desenvolvimento de Sistemas
    Desenvolvedor C#
    Design RDM

    quarta-feira, 10 de agosto de 2011 20:48

Respostas

  • R,

     

        Talvez não precise aumentar. A <div> será redimensionada se você não forçar um valor. Assim, se você não colocar um width(largura) e tiver vários itens, ela tentará acomodar os itens internos a ela. O mesmo com o heigth(altura). Você talvez precise ir ajustando os itens APÓS esta div.

        Se fizer um página simples apenas com:

      <div style="background-color: Blue">
    
         <span>Teste</span><br />
    
         <span>Teste</span><br />
    
         <span>Teste</span><br />
    
         <span>Teste</span><br />
    
         <span>Teste</span><br />
    
         <span>Teste</span><br />
    
         <span>Teste</span><br />
      </div>
    
    
    


         Você verá que todos os itens aparecem e pode "encontrar" a div pressionando F12 (IE 8 + ) e clicando na seta branca da barra de ferramentas. Ao andar com o mouse na página você vai encontrar sua div.

         Agora, se realmente QUISER aumentar, sugiro usar jquery. Talvez tenha que aprendê-lo, mas ajuda bastante no nosso trabalho:

         http://api.jquery.com/resize/

     

    Att,

    Ricardo

     


    • Marcado como Resposta Raynner quinta-feira, 11 de agosto de 2011 15:41
    quinta-feira, 11 de agosto de 2011 11:08