Jump to content
turbina

Tabela nao aparece totalmente na div

Recommended Posts

turbina

É assim, eu tenho uma tabela com (width:100%) numa div, e essa tabela inicialmente nao tem problemas.

Mas assim que eu altero um campo a coluna altera a largura e assim muda tbm a largura da tabela e ela saí para fora da div.

Eu resolvi isso com o (overflow:hidden) e resultou, mas agora a tabela nao aparece toda.

Penso que o problema seja com o tabledata(td) que deveria fazer um paragrafo quando chegasse a uma determinada largura, de maneira a que a largura da tabela nao altere mas sim que altera a altura da linha.

o (overflow:hidden) está na div #engloba que consequentemente tem a div #conteudo e esta sim tem a tabela.

Conseguem-me ajudar? é urgente tenho pouco tempo para acabar :s

Share this post


Link to post
Share on other sites
brunoais

código relevante sff


"[Os jovens da actual geração]não lêem porque não envolve um telecomando que dê para mirar e atirar, não falam porque a trapalhice é rainha e o calão é rei" autor: thoga31

Life is a genetically transmitted disease, induced by sex, with death rate of 100%.

Share this post


Link to post
Share on other sites
KTachyon

Se fazes overflow:hidden, tudo o que sai fora da div (overflow) é escondido (hidden).

Para conseguires isso deves ter que redimensionar as colunas, porque em principio o browser não sabe que coluna pretendes quebrar.

#big_table td { 
    width: 100px; 
}

Ou, mais dinâmico:

#big_table td { 
    width: 30%; 
}


“There are two ways of constructing a software design: One way is to make it so simple that there are obviously no deficiencies, and the other way is to make it so complicated that there are no obvious deficiencies. The first method is far more difficult.”

-- Tony Hoare

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.