Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   растянуть div на страницу (https://javascript.ru/forum/jquery/17542-rastyanut-div-na-stranicu.html)

gorilas 24.05.2011 16:38

=)
Я так не считаю ))
Щас дам другой пример.

ksa 24.05.2011 16:50

gorilas, пример нужно делать по принципу "скопировал, вставил, запустил - увидел".

gorilas 24.05.2011 16:55

<!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(){
   $("#centr").width()     /* ====== получаю размер селектора "#centr" в пикселях ===========  */

     $("#center1").width( "#center" - 270 px ) /* ====== для селектора "#center1" назначаю ширину селектора "#center" -270px ===========  */
</script>
<style type="text/css">
#centr {
width:100%; /*  */
 height:200px;
 border: 1px solid aqua;
 background: #faebd7;
 }
 #centr1{
  /* width:100%; */ 
 height:150px;
 border: 1px solid blue;

 }
</style>

</head>

<body>
  <div  id="centr">
    <div id="centr1">
  
  
    </div>
  </div>
</body>
</html>


Пример простенький, но смысл тот-же.

Kolyaj 24.05.2011 17:02

Для #center1 указать margin-right: 270px, width оставить auto.

walik 24.05.2011 17:24

Цитата:

Сообщение от gorilas
"#center" - 270 px

Цитата:

Сообщение от gorilas
для селектора "#center1" назначаю ширину селектора "#center" -270px

:blink:

$('#center).width() - 270



Цитата:

Сообщение от gorilas
$("#centr").width()
получаю размер селектора "#centr" в пикселях

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

gorilas 24.05.2011 17:25

Цитата:

Сообщение от Kolyaj (Сообщение 105938)
Для #center1 указать margin-right: 270px, width оставить auto.

Это просто пример.
Задача установить ширину id = center1 именно -270пик. от id = center.
Табличная вёрстка в моём случае тоже не подходит.

gorilas 24.05.2011 17:28

Цитата:

Сообщение от walik (Сообщение 105942)
:blink:

$('#center).width() - 270



а сохранить ширину в переменную, что бы потом использовать.

Вот это для меня и проблема.
Как получить переменую, и как передать след. функции, для обработки.
Почитал рус. мануал по jquery:-? для меня сами понятия (перменая , функция, селектро, атрибут) непонятны, с ява не знаком.
Если где-то это разжовано в примерах, ткните носом.
С ув. Алексей.

ksa 25.05.2011 09:19

Цитата:

Сообщение от gorilas
Задача установить ширину id = center1 именно -270пик. от id = center.

Так вот если поставить

#centr1{
	height:150px;
	*!*margin-right: 270px;*/!*
	border: 1px solid blue;
}


всё так и будет...

gorilas 25.05.2011 12:16

Цитата:

Сообщение от ksa (Сообщение 105992)
Так вот если поставить

#centr1{
	height:150px;
	*!*margin-right: 270px;*/!*
	border: 1px solid blue;
}


всё так и будет...

Конкретно в этом примере да....
так как id centr1 постояной ширины, но представим (пример), что в div center1, в блок ui с помощью ajax всё время что-то подгружается с сервера, он постояно меняется - увеличевается.
поэтому смосоп с margin у меня не срабатывает.
Задача поставить чёткую длину center1
Например здесь бек граунд при загрузке дом и масштабировании привязывается к (window) размеру окна http://ruseller.com/lessons.php?rub=32&id=1034.
Mне надо привязать (width) к определёному блоку div.

Просто мне неясен сам синтаксис jquery, сам скрипт я примерно в голове представляю, пример

1) получить переменую равную (width div id=center)
==== var peremenaj = $("#center").width()

2) дальше мне надо с этой переменой работать, вижу это примерно так

jquery находит (#center1) и устанвливает для него( действие bind ) $("#centr1").width( peremenaja - 270px)

Вот как правильно это всё написать ???

ksa 25.05.2011 13:15

Цитата:

Сообщение от gorilas
но представим (пример), что в div center1, в блок ui с помощью ajax всё время что-то подгружается с сервера, он постояно меняется - увеличевается.

При таком раскладе как в твоём примере его ширина будет постоянная.

Если твой пример не удачный - сделай более приближенный к боевому, будем тренироваться на нём... :)


Часовой пояс GMT +3, время: 03:47.