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

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

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

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

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

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

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

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

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

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

Как-то так

#ChatMain {  
    background:red;
    height: 100px;
    position: relative;
    right: 200px; 
}

#ChatPeople{
    width:200px;
    background:green;
    position: absolute;
    right: 0;
}

Через table можно.

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

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

S>Как-то так

а где надпись left ?

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

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

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

S>>Как-то так

J>а где надпись left ?

Надпись left съехала влево

Так правильней

Здравствуйте, 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

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

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

Спасибо! Сходу и не нашел.

Здравствуйте, vsb, Вы писали:
vsb>Через table можно.
Так ведь использовать <table> в верстке нетабличных данных, вроде как, моветон. Или уже нет?
Я в мире web больше как пользователь, поэтому последних тенденций не знаю...

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

vsb>>Через table можно.
S>Так ведь использовать <table> в верстке нетабличных данных, вроде как, моветон. Или уже нет?
S>Я в мире web больше как пользователь, поэтому последних тенденций не знаю...

Я считаю догматизм неприемлемым. table есть, у него есть определённые алгоритмы, которые другими способами сделать сложно или невозможно. Зачем себя мучить? Тег table использовать не обязательно, есть CSS-свойства display: table и тд, которыми таблицу можно сделать из чего угодно.