Ver Mensaje Individual
  #5 (permalink)  
Antiguo 24/07/2009, 09:57
Avatar de Negora
Negora
 
Fecha de Ingreso: agosto-2003
Mensajes: 122
Antigüedad: 21 años, 3 meses
Puntos: 5
Respuesta: Simular FrameSet con alturas en píxeles y porcentajes mediante IFRAME y CS

Deirdre: Por "suponido". Ahí va, a ver si podéis sacar algo en claro...

Código del primer intento mediante un DIV y un IFRAME:

Código PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<
html xmlns="http://www.w3.org/1999/xhtml">
    
    <
head>
    
        <
title>DIV IFRAME test</title>
        <
meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        
        <
style type="text/css">
        <!--
        
            
/* COMMON RULES */
            
            
* { margin0pxpadding0px; }
            
htmlbody height100%; }
            
table bordernoneborder-spacing0px; empty-cellsshow; }
            
td bordernone;    text-alignleftvertical-aligntop; }
            
            
            
/* SPECIFIC RULES TO SOLVE THIS TEST */
            
            
div width100%; height50pxbackground-color#FFCC00; }
            
iframe width100%; height100%; bordernone; }
            
        -->
        </
style>
        
    </
head>
    
    
    <
body>
    
        <
div>NAVIGATION MENU</div>
        <
iframe src="http://www.forosdelweb.com/" frameborder="0"></iframe>

    </
body>
    
</
html

Código del segundo intento mediante una TABLE y un IFRAME:

Código PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<
html xmlns="http://www.w3.org/1999/xhtml">
    
    <
head>
    
        <
title>TABLE IFRAME test</title>
        <
meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        
        <
style type="text/css">
        <!--
        
            
/* COMMON RULES */
            
            
* { margin0pxpadding0px; }
            
htmlbody height100%; }
            
table bordernoneborder-spacing0px; empty-cellsshow; }
            
td bordernone;    text-alignleftvertical-aligntop; }
            
            
            
/* SPECIFIC RULES TO SOLVE THIS TEST */
            
            
table width100%; height100%; }
            
tr:first-child td height50pxbackground-color#FFCC00; }
            
tr tr td height100%; }
            
            
iframe width100%; height100%; bordernone; }
            
        -->
        </
style>
        
    </
head>
    
    
    <
body>
        
        <
table border="0" cellspacing="0" cellpadding="0">
            <
tr>
                <
td>
                    
NAVIGATION MENU
                
</td>
            </
tr>
            <
tr>
                <
td>
                    <
iframe src="http://www.forosdelweb.com/" frameborder="0"></iframe>
                </
td>
            </
tr>
        </
table>

    </
body>
    
</
html