По цялата височина на страницата...

M

misho

Registered
Имам една таблица на 3 етажа, така да се каже. Най-отгоре ще е логото и малко текст, в средата един iframe, а най-отдолу още малко текст. Направих таблицата да е на 100% ширина, но не мога да я направя да е до-долу на браузъра. Горната и долната част са с фиксирана височина, а iframe-а трябва да е с различна височина.
Как да накарам таблицата да е на цял екрана по височина? Как да накарам iframe-а да е на цял екрлан по-височина в табличката си? като му дам 100% и той се свива на едни ~150 пиксела. :cry:
 
пример:

Код: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Untitled Document</title>
</head>

<body>
<table align="center" width="980" border="1">
  <tr>
    <td> </td>
  </tr>
  <tr>
    <td height="100%" ><iframe width="100%" height="100%" frameborder="0" src="frame1.html"></iframe></td>
  </tr>
  <tr>
    <td> </td>
  </tr>
</table>
</body>
</html>
 
ами другият вариянт е да си го позиционираш в пиксели. за какво ти е да ползваш ифрайм, ако се разгъва на 100% винаги. ще се изгуби ефекта от него.
 
Ето една схема, за да покажа какво искам да направя:
fbe315a2486ad6c7c5ffd8f421849342_640x512.jpg
 
трябва да го изчислиш, според резолюцията, иначе може да се направи с един жава скрипт, но не се знае и преглеждащият страницата с какъв браузър е и до колко има показани Toоlbar-ове на самия браузър
 
настрой си просто резолюциите, защото не знам колко пиксела са ти хедъра и футъра, за да се определи точно височината на ифрейма. и го тествай на 4-5 браузъра защото според заредените тоолбарове ще изглежда по различен начин

нещо от тоя род:

Код: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Untitled Document</title>
<script language="javascript" type="text/javascript">
var height = screen.height;
</script>
<?php
$height='<script language="javascript" type="text/javascript">
document.write(height);
</script>';
if(($height>=640) AND ($height<=800))
{
$resol="800";
}
elseif(($height>=801) AND ($height<=1024))
{
$resol="1024";
}
elseif(($height>=1025) AND ($height<=1280))
{
$resol="1280";
}
elseif(($height>=1281) AND ($height<=1600))
{
$resol="1600";
}
elseif(($height>=1601) AND ($height<=1920))
{
$resol="1920";
}
else
{
$resol="1024";
}
?>
</head>

<body>
<table align="center" width="980" border="1">
  <tr>
    <td> </td>
  </tr>
  <tr>
    <td height="100%" ><iframe width='100%' height="<?php echo $resol; ?>" frameborder='0' src='frame1.html'></iframe></td>
  </tr>
  <tr>
    <td> </td>
  </tr>
</table>
</body>
</html>
 
Не се получава точно както си го представях, но все пак е много по-добре. Благодаря, embaka! :?:
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе