Jump to content
Fórum Script Brasil
  • 0

Ajustar o Width para ocupar espaço.


Jtlellis

Question

Boa noite pessoal,

Estou tendo um problema para ajustar a largura de uma div para que ocupe todo o espaço da div principal. Estou fazendo um sisteminha de abas para exibição de videos, estou utilizando 2 abas onde utilizo background e border para diferenciar a aba selecionada com auxilio de um script js.

O problema é que como o titulo dos videos é em texto, alterando o numero de caracteres de acordo com o video selecionado no bd, eu não estou conseguindo fazer com que o width da segunda aba se extenda para encaixar ao comprimento da div principal quando o titulo não ocupa este espaço. E como as divs das abas são configuradas no css com float:left; eu não posso definir width:100%; para elas se não da quebra de linha e fica uma aba abaixo da outra.

Abaixo está o html utilizado, as abas estão dentro da div id="navTabs".

<div id="Tabs">        
        <div id="navTabs">        
            <div id="tab0" onclick="selectionTab('0');" class="selectTab0">          
                <label id="detalhesAlarmeTabLabel0">Exemplo Video 1</label>
            </div>
            <div id="tab1" onclick="selectionTab('1');" class="selectTab1">          
                <label id="detalhesAlarmeTabLabel1">Exemplo Video 2</label>
            </div>
        </div><br />
        <div id="contentTabs">
            <div id="contentTab0" class="divTab">
                        <div class="contentTab">

<iframe width='259' height='193' src='http://www.youtube.com/embed/???' frameborder='0' allowfullscreen></iframe>

                        </div>
            </div>     
            <div id="contentTab1" class="divTab">
                        <div class="contentTab">

<iframe width='259' height='193' src='http://www.youtube.com/embed/???' frameborder='0' allowfullscreen></iframe>

                        </div>
            </div> 
        </div>
</div>

Obrigado pela atenção,

Link to comment
Share on other sites

1 answer to this question

Recommended Posts

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.



  • Forum Statistics

    • Total Topics
      152.2k
    • Total Posts
      652k
×
×
  • Create New...