Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá,
quem tentar colocar width:100% para um div não terá problemas mas a coisa muda de figura quanto ao atributo height. Em certas configurações o height é simplesmente ignorado e em outras o container simplemente some. Procurando na net eu até achei esse tuto:
http://csscreator.com/node/20471
Mas ele mostra como herdar o atributo height do grande-pai body, mas pela natureza do meu layout fazer dessa forma inplicaria em redefinir a maior parte de minhas folhas de estilo (mais de 1700 linhas!). Alguém aí conhece uma maneira de definir height 100% para um container sem precisar herdar propriedade do elemento pai?
Outra coisa: Eu estou usando div para fazer boxes com cantos arredontados, usando imagens e os posicionamentos left,bottom,right e top para posiciona-los. Assim, para colocar um canto arredontado a topo-esquerda eu uso top:0 left:0 e no outra a topo-direita eu uso top:0 right:0. A largura de cada imagem de canto arredondado é 15px; Então na imagem(na verdade é um div com bground css) topo-centro eu uso top:0 left:15 right:15. Funciona bem no FF mas o IE7 não exibe a imagem topo-centro. :wacko: deficil de entende esses navegadores...
Boa Tarde!
Se o problema que você citou for apresentado no Firefox e alguns outros navegadores que não seja o IE, então pode tentar usar o height:100% acompanhado da propriedade "display" com o valor "table".
Pesquisando aqui no fórum encontrei o silver comentando sobre essa solução que citei acima:
http://forum.imasters.com.br/index.php?showtopic=281691
Bom sobre o comentário me mostro controverso, pois funciona direitinho aqui, aproveitando o silver passa indica um link no tópico que citei acima que pode ser util. Aproveite e confira também. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif
Silverfox, eu estou usando trasitional.
Eu consegui fazer de acordo com o tutorial que citei no tópico e dei um jeito de não interferir nos outros cantainers(dando valores absolutos(em px) em todos eles), o engraçado é que as imagens dentro do conteíner também ficaram com height 100%, problema que foi resolvido usando
container * { height:auto }
Ás vezes fica difícil entender a lógica de herança usada pelos navegadores.
Obrigado pelas respostas.
Problema resolvido.
height:100%; e width:100%; não são valores de PAI para FILHO e sim a resolução da tela.
Uma pergunta você está usando strict??
se for faça assim:
html,body{