Здравствуйте, C0x, Вы писали:

C0x>Здравствуйте, kov_serg, Вы писали:

_>>Здравствуйте, C0x, Вы писали:

C0x>>>Подскажите как в этом примере сделать так чтобы красный div слева не занимал область, которую занимает зеленый div справа.C0x>>>Т.е. разделить экран так http://skrinshoter.ru/s/151118/uU37VDbE?a

_>>А grid-ы не подходят?

C0x>Я использую sciter. Он их не поддерживает.

Чего эта ? Есть, в другой нотации (ибо были сделаны 10 лет назад) но есть.


А вообще:

<div class="wrapper">

  <div id="ChatPeople">right</div>
  <div id="ChatMain">left</div>

</div>

.wrapper { 
  flow: horizontal;
  width:*;
  height:*;
} 


.wrapper > div {
  height:*;
}

.wrapper > div.left {
  width: max-content; // or 300dip или    
}

.wrapper > div.right {
  width:*; // остаток того что осталось от div.left
}

А примеры grid в sciter/sdk/samples/flow-flex/
Документация https://sciter.com/docs/flex-flow/flex-layout.htm

Здравствуйте, C0x, Вы писали:

C0x>Здравствуйте, kov_serg, Вы писали:

_>>Здравствуйте, C0x, Вы писали:

C0x>>>Подскажите как в этом примере сделать так чтобы красный div слева не занимал область, которую занимает зеленый div справа.\
C0x>>>Т.е. разделить экран так http://skrinshoter.ru/s/151118/uU37VDbE?a

_>>А grid-ы не подходят?

C0x>Я использую sciter. Он их не поддерживает.

Чего эта ? Есть, в другой нотации (ибо были сделаны 10 лет назад) но есть.


А вообще:

<div class="wrapper">

  <div id="ChatPeople">right</div>
  <div id="ChatMain">left</div>

</div>

.wrapper { 
  flow: horizontal; // блоки горизонтально
  width:*;
  height:*;
} 


.wrapper > div {
  height:*; // занимают полную высоту контейнера.
}

.wrapper > div.left {
  width: max-content; // or 300dip или что там  у тебя 
}

.wrapper > div.right {
  width:*; // остаток того что осталось от div.left
}

А примеры grid в sciter/sdk/samples/flow-flex/
Документация https://sciter.com/docs/flex-flow/flex-layout.htm