Jump to content
  • 0

2 слоя на 100%


SibBear
 Share

Question

Задача:

на фоне картинка, 100% на 100%

сверху таблица 100% на 100%

С таблицей разобрались, с фоном тоже, теперь нужно их совместить. разные варианты position дают совершенно разный результат в разных браузерах. В опера и моз удачно работает данный вариант, в ИЕ все абсолютом

Сможет кто предложить универсальный рабочий вариант?

В идеале должна получится 100% резиновая страница

стили:

<style type="text/css">
#page {
position: relative;
min-height: 100%;
margin: 0 0 0 0;
top: 0;
left: 0;
z-index: 2;}

#back {
position: fixed;
width: 100%;
height: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: 0 0 0 0;
z-index: 1;}
</style>

фон:

<div id="back"><img src="background.jpg" border="0" height="100%" width="100%"></div>

таблица:

<div align="center" id="page">

<table style="height:100%; width:100%" border="1" cellspacing="0" cellpadding="0">
<tr>
<td valign="top" height="30px" >TOP</td>
</tr>
<tr>
<td height="100%" valign="middle" align="center">MIDDLE</td>
</tr>
<tr>
<td align="center" height="30px" valign="bottom">bla bla reserved copyright</td>
</tr>
</table>

</div>

как это выглядит здесь: www.naryad.ru/test3.php

Link to comment
Share on other sites

1 answer to this question

Recommended Posts

  • 0

Было сделано на угад, но вроде работает.

Кто скажет ошибки буду благодарен

<style type="text/css">
#page {
position: relative;
min-height: 100%;
margin: 0 0 0 0;
top: 0;
left: 0;
z-index: 2;}

#back {
position: absolute;
width: 100%;
height: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: 0 0 0 0;
z-index: 1;}


</style>

Link to comment
Share on other sites

Guest
This topic is now closed to further replies.
 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy