Как сделать чтобы HTML страница открывалась в определенных пределах...

полагаю, что речь об изменяющейся в определенных пределах ширине контента?
тогда у вас так:
в файле style.css
32 строка:

.div3{
width:982px;
}

заменить на

.div3{
min-width:982px;
max-width:1580px;
padding:0 20px;
}

для div class="div3" добавить id="div3" в HTML и внутрь тега head добавить код ниже - для правильной работы в IE6

<!--[if lte IE 6]>
<script type="text/javascript">
window.attachEvent(‘onload’, mmwidth);
window.attachEvent(‘onresize’, mmwidth);
function mmwidth(){
document.getElementById(‘div3').style.width = ((document.documentElement.clientWidth ||
document.body.clientWidth) < 982) ? ‘982px’ :
((document.body.clientWidth > 1580) ? ‘1580px’ : ‘auto’);
};
</script>

1580 - замените везде на нужную максимальную ширину. 982 - на нужную минимальную.

новое окно определенного размера
1 вариант (показываю в варианте для фотоальбома) : сразу под тегом body пишем этот скрипт:

< script language="JavaScript" > < !--

function show(name)

{
open(name,'_blank','left=80,top=100,scrollbars=no,toolbar=no,directories=no,menubar=no,status=no,resizable=no,width=630,height=410');
}
// -- > < /script >

а ссылки пишем так:

< a href="javascript:show('foto/Talgar.jpg')" > < img src="foto/Talgar_sm.jpg" alt="Увеличить, Zumm - 36 kb" border="0" width="256" height="151" > < /a >

где left=80,top=100 - местоположение нового окна
scrollbars=no,toolbar=no,directories=no,menubar=no,status=no,resizable=no - запрет всех этих параметров. Если вместо no написать yes то оно появится
width=630,height=410 - размер нового окна. Он один для всех новых окон

'foto/Talgar.jpg' - путь для открытия оригинала фото
src="foto/Talgar_sm.jpg" - путь к миниатюре этого фото
alt=" ...надпись появляющаяся при наведении мышки на миниатюру фото
width="256" height="151" - размер миниатюры
примечание: вместо файла фото 'foto/Talgar.jpg' можно указать путь для открытия html страницы
а вместо < img src="... > можно поместить текст

(убрать пробелы после < и перед > )
- - -----------
2 вариант: для открытия каждого окна пишется своя ссылка с собственными настройками

< a href=# onclick="javascript: window.open('list00.htm','popup','toolbar=no, location=no, directories=no, status=no, menubar=no, resizable=no, scrollbars=no width=630, height=410')" title="надпись при наведении мышки" onmouseover="window.status='надпись в статус-строке'; return true;" >текст ссылки< /a >

где 'list00.htm' - файл, открываемый в новом окне
width=630, height=410 - размер окна
toolbar=no, location=no, directories=no, status=no, menubar=no, resizable=no, scrollbars=no - запрет всего
если среди них еще вписать left=80, top=100 можно задать местоположение окна

(убрать пробелы после < и перед > )
- - -----------
3 вариант: ссылка пишется как обычно, а в коде открываемой страницы пишется код -

< body bgcolor="#FFFFFF" link="#B96F00" vlink="#DD8500" alink="#E6E602" onLoad="MoveMe()" >

< script language="javascript" type="text/javascript" >
function MoveMe()
{window.resizeTo (700,600);}
var popUpWin=0;
function popUpWindow(URLStr,widht,hight)
{if(popUpWin)
{if(!popUpWin.closed) popUpWin.close();}
popUpWin = open(URLStr, 'popUpWin', 'toolbar=yes,location=no,directories=no,status=no,menubar=yes,scrollbar=no,resizable=yes,copyhistory=yes,left=50,top=50,width=700,height=600');}
< /script >

(убрать пробелы после < и перед > )

Если я вас верно понимаю нужна страница определенного размера?

Например: window.open("tips.html", "TIP", "width=400, height=300, status=0, menubar=0, location=0, resizable=0, directories=0, toolbar=0, scrollbar=0");

в каких пределах?
по кодировке или по расположению (разрешению)
по конкретней