Форум

gorilas · #21 (**permalink**) 25.05.2011, 15:24

Всем спасибо сами разобрались

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
<script type="text/javascript">

$(document).ready(function() {
    function divresize() {
        var windowwidth = $("#centr").width(); //определяем высоту окна браузера
        var x = 500;
        $("#centr1").css('width', windowwidth - x); //устанавливаем высоту блока(равно высоте окна за вычетом шапки и подвала)
    }
    divresize(); //вызываем функцию изменения размера блока
    $(window).bind("resize", function(){ //при изменении размера окна вызываем функцию
        divresize(); 
    });
});





</script>
<style type="text/css">
#centr {
width:90%; /*  */
 height:300px;
 border: 1px solid aqua;
 background: #faebd7;
 }
 #centr1{

 height:100px;
 border: 1px solid blue;
background: #00f000;
 }

</style>

</head>

<body>
  <div  id="centr"  align="center">
  <p>
	  centr
	  <br>width:100%; 
 <br>height:400px;
       </p> 
    <div id="centr1">
    
    </div>
	
  </div>
</body>
</html>

ksa · #22 (**permalink**) 25.05.2011, 15:27

Сообщение от gorilas

сами разобрались

Страсть к скриптам таки победила...

gorilas · #23 (**permalink**) 25.05.2011, 15:30

можно ещё проще

$(document).ready(function() {
    function divresize() {  //саздаём и называем функцию - divresize
        
         $("#centr1").css('width',  $("#centr").width() - 500 );} // описываем  как работает функция 

               //ширина  "centr1"  =  "centr" -500 (500рх), или *0,8 (80%), или /2 (50%) ну вобшем математика.

    divresize(); //вызываем функцию divresize и устанавливаем width для #centr1
    $(window).bind("resize", function(){ //при изменении размера окна вызываем функцию divresize и .........
        divresize(); 
    });
});

Подредактировал коменты.
С ув. Алексей.

Форум

Справочник

Discord чат

Курсы javascript