estou usando o CSS abaixo:
/* CSS mnka-caltini */* { border: 0px none; padding: 0; margin: 0}html, body{margin:0;padding:0;width:100%;height:100%;}iframe{width:900px;height:100%;}p{text-align:justify;font-family:Arial, Helvetica, sans-serif;padding-left:15px;padding-right:15px;padding-top:5px;font-size:12px;}a:link, a:visited{color: #000033;text-decoration: none;}a:hover{color:#006633;}img{margin:10px;border:1px solid #CCCCCC;}h1{font-family: ATRotisSemiSans-Bold, ATRotisSemiSerif-Bold, Arial, Helvetica, sans-serif;font-size:25px;padding-left:10px;padding-top:5px;background-color: #006633;border-bottom:1px solid #003300;color:#CCCCCC;}h2 {font-size:16px;color:#000033;font-family:Arial, Helvetica, sans-serif;margin-left:15px;margin-right:15px;padding-left:5px;padding-right:5px;border-bottom:1px solid #000033;background-color:#E7E9EB;margin-top:15px;margin-bottom:15px;}h5 {font-size:14px;color:#000033;font-family:Arial, Helvetica, sans-serif;margin-left:15px;margin-right:15px;padding-left:5px;padding-right:5px;margin-top:15px;margin-bottom:15px;}/************************************//***********titulo pags*************/h3{font-family: ATRotisSemiSans-Bold, ATRotisSemiSerif-Bold, Arial, Helvetica, sans-serif;font-size:21px;padding-left:50px;padding-top:5px;background-color: #C8DBCD;border-bottom:1px solid #003300;font-weight:normal;color: #000033;margin-top:25px;margin-bottom:5px;}h4{font-family: ATRotisSemiSerif-Bold, Arial, Helvetica, sans-serif;font-size:21px;padding-left:15px;padding-top:0px;background-color: #C8DBCD;border-bottom:1px solid #003300;font-weight:normal;color: #000033;margin-top:0px;margin-bottom:0px;}/*fim*//****************************************/.geral {width:900px;margin:auto;border:1px solid #CCCCCC;}#atendimento1{width: 385px;height: 275px;background-image: url('http://www.caltini.com/images/atendimentonline.jpg');}#atendimento2{width: 100%;height: 100%;}#atendimento2 a{display: block;width: 100%;height: 100%;}#atendimento2 img{width: 0;height: 0;border: 0px none;}.header-top{width:900px;height:350px;border-bottom:1px solid #000033;}.header-top-pgs{width:900px;height:225px;height:225px;!importantborder-bottom:1px solid #000033;}.miolo {width:900px;}/*clear*/.clr{clear:both;}/ *********************************************************************************// *************************************footer**************************************/.footer {height:35px;}/ *********************************************************************************//**********************************pagina iframe home****************************//*.tamanho{position:relative;}*//*******************************************************************************//****************************************bts************************************//*bt volta*/.volta{font-family:Arial, Helvetica, sans-serif;font-size:100%;color:#000033;font-weight:bold;text-decoration:none;text-align:right;padding-right:25px;background-color:#9CA7BE;}.volta a:link {font-family:Arial, Helvetica, sans-serif;font-size:100%;color:#000033;font-weight:bold;text-decoration:none;text-align:right;padding-right:25px;}.volta a:hover{text-decoration:none;color:#CCCCCC;}#tamanho {margin-top:25px;border-top:5px solid #CCCCCC;background-color:transparent;}Acontece que o site http://www.caltini.com utiliza 3 iframes (chamados de header, miolo e footer). Com este CSS o iframe central (miolo) não aparece como deveria, pois não mostra todo o conteúdo que preciso.Para contornar o problema coloquei assim:
iframe{
width:900px;
height:1550px;
}Só que desta maneira, não tenho necessidade de 1550px de altura, apenas para uma página é que esta altura é necessária. (notem que no código acima o height: está em 100% e assim não funciona, pois corta todo o conteúdo do iframe central)Como fazer para corrigir isso? Para deixar que se ajuste a altura automaticamente ao conteúo??
Obrigado,
Kmaros
Edição feita por: § Kenshin §, 21/02/2008, 20:34.
para codigos longos, use [codebox]. leias as regras.
