Показать сообщение отдельно
  #41 (permalink)  
Старый 10.12.2010, 21:04
Особый гость
Посмотреть профиль Найти все сообщения от monolithed
 
Регистрация: 02.04.2010
Сообщений: 4,260

ksa, gods33 показываю фокус:

<style type="text/css">
td {position: fixed;}
td img {width: 100%; height: 100%;}
div {background: red; font: 35px/35px sens; margin: 0px auto; position: relative; text-align: center; width: 200px; height: 300px;}
</style>


<table>
    <tr>
        <td>
            <img src="http://javascript.ru/forum/attachments/xhtml-html-css/592d1291988280-razreshenie-ehkrana-i-sootvetstvuyushhijj-emu-fonovyjj-risunok-img132b85a11a73x8e9868bc-jpg" alt="" />
        </td>
    </tr>
</table>

<div>text</div>




<style type="text/css">
td img {width: 100%; height: 100%;position: fixed;}
div {background: red; font: 35px/35px sens; margin: 0px auto; position: relative; text-align: center; width: 200px; height: 300px;}
</style>


<table>
    <tr>
        <td>
            <img src="http://javascript.ru/forum/attachments/xhtml-html-css/592d1291988280-razreshenie-ehkrana-i-sootvetstvuyushhijj-emu-fonovyjj-risunok-img132b85a11a73x8e9868bc-jpg" alt="" />
        </td>
    </tr>
</table>

<div>text</div>


И тот и другой варианты подстраиваются под ширину экрана, только первый сохраняет пропорции (он и нужен), а второй растягивается на всю ширину относительно контейнера (теряет пропорции)

Последний раз редактировалось monolithed, 10.12.2010 в 21:09.
Ответить с цитированием