solução com iframe + <f:verbatim> em JSF

Ola,

não consigo fazer com que os dois quadros (cada um e uma pagina)apareçam na minha principal juntos
por exemplo, só vai o de cima… o resto nao aparece nada no html…
como se eu colocasse o primeiro e bloqueasse todo o resto…

alguem tem alguma solução ?

<h:outputText value=" QUADRO 1"
						style="left: 5px; top: 115px; position: absolute;"
						styleClass="textogrande" />
					<h:panelGroup
						style="left: 5px; top: 130px; position: absolute; width: 780px; height: 290px; border: 1px solid blue">
						<f:verbatim>
							<iframe id="requerente" src="hello1.jsf" width="100%" 
								 height="290" frameborder="0" />
						</f:verbatim> 
					</h:panelGroup>
				
					
					<h:outputText value=" QUADRO 2"
						style="left: 5px; top: 425px; position: absolute;"
						styleClass="textogrande" />
					<h:panelGroup 
						style="left: 5px; top: 440px; position: absolute; width: 780px; height: 290px; border: 1px solid blue">
						<f:verbatim>
							<iframe id="requerido" src="hello2.jsf" width="100%" 
									height="290" frameborder="0"> </iframe>
						</f:verbatim>
					</h:panelGroup>

muito grato desde ja

opa galera resolvi meu problema…

no JSF é impossivel usar algum código depois de ter usado o verbatim + o primeiro iframe,

então minha solução ficou assim:

<f:verbatim> <iframe src="tabs.html" width="100%" height="550" frameborder="0"> </iframe> </f:verbatim>

chamo uma html normal por meio de um iframe,

daí nessa minha html eu chamo minhas outras jsf’s por tabs… (NOTA: preciso mesmo de um arquivo html!)

<body>
        <div id="container-1">
            <ul style="left: 0px; top: 115px; position: absolute;">
                <li><a href="#quadro1"><span>quadro1</span></a></li>
                <li><a href="#quadro2"><span>quadro2</span></a></li>
                <li><a href="#quadro3"><span>quadro3</span></a></li>
                <li><a href="#quadro4"><span>quadro4</span></a></li>
            </ul>
            <div id="quadro1">
                <iframe src="quadro1.jsf" width="100%" height="500" frameborder="0">
					</iframe>
            </div>
            <div id="quadro2">
                <iframe src="quadro2.jsf" width="100%" height="500" frameborder="0">
					</iframe>
            </div>
          ...
          ....
        </div>
    </body>

falowwws!!!