|
|
|
| Нужно сделать чтобы блок с контентом растягивался на 100%, а если разрешение у пользователя больше 1400px, то чтобы он оставался 1400px и выравнивался по центру.
Написал код, но он почему то не работает, укажите, пожалуйста на ошибку
<html>
<head>
<script type="text/javascript">
resolution = screen.availWidth;
if(resolution >= 1400)
{
document.getElementById('content').style.width = '1400px';
document.getElementById('content').style.margin = '0 auto';
}
</script>
</head>
<body>
<div id="content" style="background:green;">
какойто текст
</div>
</body>
</html>
|
| |
|
|
|
|
|
|
|
для: serg_b
(09.09.2013 в 16:30)
| | когда браузер пытается выполнить строку document.getElementById('content').style.width = '1400px';
он ещё не знает о существовании <div id="content" style="background:green;">
и пишет в "Консоли ошибок" текст "Объект content не найден"
лечение:
-- либо ваш блок <script></script> размещаете после <div id="content" style="background:green;">...</div>
-- либо оформляете ваш код как функцию, коя запускается по onload окна | |
|
|
|