Dúvida (Por que DIV com AJAX ao invés de FRAMESET ?)

Front-end
#1

Pessoal,

tenho um site que estou desenvolvendo, e preciso deixar a tela “clean”, montei em frame separado (com rodapé, cabeçalho, menu lateral e principal) só que não consegui fazer menu retrátil com frame, onde apertaria um botão e o menu fechava e aumentava o frame principal e só carrega dados na tela principal…

Me falaram ara usar div com ajax, porque frameset está obsoleto (apesar de ainda funcionar em diversos browser) mas também vi que alguns browsers não funcionam direito com algumas particularidades do Ajax (jquery)…

Vcs poderiam me ajudar com isso? não tenho experiência suficiente para tais tecnologias… Não sei qual caminho seguir…

Essa é a tela com frame :

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<!--[if lte IE 6]>
	<script type="text/javascript">alert("Sua vers&atilde;o de Browser est&aacute; desatualizada");location.href='http://www.updateyourbrowser.net/pt'; </script>
<![endif]-->

<!--[if gte IE 7]>
	<script type="text/javascript">alert("Sua vers&atilde;o de Browser est&aacute; desatualizada");location.href='http://www.updateyourbrowser.net/pt'; </script>
<![endif]-->

<!--[if gte IE 8]>
	<script type="text/javascript">alert("Sua vers&atilde;o de Browser est&aacute; desatualizada");location.href='http://www.updateyourbrowser.net/pt'; </script>
<![endif]-->

<!--[if IE 9]>
	<script type="text/javascript">alert("Sua vers&atilde;o de Browser est&aacute; desatualizada");location.href='http://www.updateyourbrowser.net/pt'; </script>
<![endif]-->  


<html>
	<head>
		<title> PGPM - Principal </title>
		<script type="text/javascript" src="http://updateyourbrowser.net/asn.js"> </script>
		<meta name="description" content="Tela inicial do PGPM">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">	 
	</head>


	 
    <frameset rows="55px,80%,4.3%" border="1" frameborder="yes">
        <frame name="head" src="header.jsp" scrolling="auto" noresize>
        <frameset cols="25%,*"border="0" frameborder="no">
        	<frame id="myFrame"name="menu" src="menu2.jsp" scrolling="auto"></frame>
        	<frame name="principal" src="home.jsp" scrolling="auto" noresize></frame>
    	</frameset>
        <frame name="foot" src="foot.jsp" scrolling="auto" noresize>
    </frameset>


</html>
#2