ReSQL.ru
     
powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / css как выровнять ширину блока по вышестоящему
25 сообщений из 64, страница 1 из 3
  1  все
css как выровнять ширину блока по вышестоящему
    #39537168
sanek842
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
sanek842
Участник
допустим, есть такой html https://jsfiddle.net/sanek842/q4j1fvzp
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
<center>
  <table border=1>
    <tr>
      <td>Col 11</td>
      <td>Col 12</td>
    </tr>
    <tr>
      <td>Col 21</td>
      <td>Col 22</td>
    </tr>
  </table>

  <div style="display:inline-block; border:1px solid green">
    Test Test Test Test Test Test Test Test Test Test Test
  </div>
</center>


как то можно с помощью css или дополнительных div, не прибегая к javascript, сделать, чтоб нижний блок div располагался под таблицей с шириной таблицы, не указывая явно никаких размеров? Чтоб получилось как на рисунке
...
Рейтинг: 0 / 0
17.10.2017, 06:44
| Ответить | Цитировать | Написать  
css как выровнять ширину блока по вышестоящему
    #39537179
Фотография hVostt
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
hVostt
Участник
sanek842,

Нет.
...
Рейтинг: 0 / 0
17.10.2017, 07:49
| Ответить | Цитировать | Написать  
css как выровнять ширину блока по вышестоящему
    #39537488
div-wrap
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
div-wrap
Гость
sanek842,

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
<center>
<div style="width: 50%">
  <table border=1 style="width:100%">
    <tr>
      <td>Col 11</td>
      <td>Col 12</td>
    </tr>
    <tr>
      <td>Col 21</td>
      <td>Col 22</td>
    </tr>
  </table>

  <div style="border:1px solid green">
    Test Test Test Test Test Test Test Test Test Test Test
  </div>
  </div>
</center>
...
Рейтинг: 0 / 0
17.10.2017, 13:58
| Ответить | Цитировать | Написать  
css как выровнять ширину блока по вышестоящему
    #39537526
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Зачем равнять нижний элемент под верхний?
Нужно просто добавить еще один материнский элемент, укоротить его, растянуть верхний и все готово!
div-wrap , сам додумался или подсказал кто?
...
Рейтинг: 0 / 0
17.10.2017, 14:47
| Ответить | Цитировать | Написать  
css как выровнять ширину блока по вышестоящему
    #39537530
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
div-wrap , только как быть у условием ТСа?
sanek842не указывая явно никаких размеров?
...
Рейтинг: 0 / 0
17.10.2017, 14:48
| Ответить | Цитировать | Написать  
css как выровнять ширину блока по вышестоящему
    #39537534
sanek842
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
sanek842
Участник
Ну мне не нужно чтоб таблица растягивалась, но похоже без указания ширины никак. Хотел под таблицей разместить комментарии кое какие, чтоб прямо под таблицей, и желательно не выходили за ее рамки, но .. придется тогда примерно знать ширину выводимой таблицы и указывать ее
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
<center>
<div style="text-align:left;display:inline-block;border:1px solid gray; width:140px">
<table border=1>
<tr>
 <td>Col 11</td> <td>Col 12</td>
</tr>
<tr>
 <td>Col 21</td> <td>Col 22</td>
</tr>
</table>

<div style="display:inline-block;border:1px solid green">
Test Test Test Test Test Test Test Test Test Test Test
</div>
</div>
</center>



хотя, странно что решения нет, казалось бы что нужно , таблица внутри обвалакивающего дива, а нижний блок нужно раздвинуть на 100% внутри внешнего div. Крутил еще table-layout:fixed , если в таблицу завернуть (там ширина колонок должна устанавливаться на основе 1ой строки), но что то тоже не получается.
...
Рейтинг: 0 / 0
17.10.2017, 14:51
| Ответить | Цитировать | Написать  
css как выровнять ширину блока по вышестоящему
    #39537553
Фотография hVostt
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
hVostt
Участник
sanek842хотя, странно что решения нет, казалось бы что нужно , таблица внутри обвалакивающего дива, а нижний блок нужно раздвинуть на 100% внутри внешнего div. Крутил еще table-layout:fixed , если в таблицу завернуть (там ширина колонок должна устанавливаться на основе 1ой строки), но что то тоже не получается.

Абсолютно ничего странного нет. Почитайте основы HTML.
...
Рейтинг: 0 / 0
17.10.2017, 15:19
| Ответить | Цитировать | Написать  
css как выровнять ширину блока по вышестоящему
    #39537560
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
sanek842Хотел под таблицей разместить комментарии кое какие, чтоб прямо под таблицей, и желательно не выходили за ее рамки
Добавь в таблицу строку с одной ячейкой, которая растягивается на всю строку, в нее и пиши свой комментарий...
...
Рейтинг: 0 / 0
17.10.2017, 15:27
| Ответить | Цитировать | Написать  
css как выровнять ширину блока по вышестоящему
    #39537562
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Но все равно придется как-то ограничивать саму таблицу.
Потому как большой комментарий начнет растягивать саму таблицу.
...
Рейтинг: 0 / 0
17.10.2017, 15:28
| Ответить | Цитировать | Написать  
css как выровнять ширину блока по вышестоящему
    #39537582
Фотография hVostt
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
hVostt
Участник
krvsaНо все равно придется как-то ограничивать саму таблицу.
Потому как большой комментарий начнет растягивать саму таблицу.

Именно! Поэтому нет.
...
Рейтинг: 0 / 0
17.10.2017, 15:45
| Ответить | Цитировать | Написать  
css как выровнять ширину блока по вышестоящему
    #39537642
AlexZaw
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
AlexZaw
Гость
<caption> же! Не?
...
Рейтинг: 0 / 0
17.10.2017, 17:18
| Ответить | Цитировать | Написать  
css как выровнять ширину блока по вышестоящему
    #39537669
sanek842
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
sanek842
Участник
AlexZaw, вау, точняк :)
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
<center>
  <table border=1>
<caption style="caption-side:bottom">Test Test Test Test Test Test Test Test Test Tes</caption>      
<tr>
      <td>Col 11</td>
      <td>Col 12</td>
    </tr>
    <tr>
      <td>Col 21</td>
      <td>Col 22</td>
    </tr>
</table>
</center>



работает, спасибо!
...
Рейтинг: 0 / 0
17.10.2017, 18:13
| Ответить | Цитировать | Написать  
css как выровнять ширину блока по вышестоящему
    #39537815
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
AlexZaw<caption> же! Не?
Век живи, век учись...
...
Рейтинг: 0 / 0
18.10.2017, 08:21
| Ответить | Цитировать | Написать  
css как выровнять ширину блока по вышестоящему
    #39538065
AlexZaw
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
AlexZaw
Гость
Вот так вот, гуру уже забыли о таком теге, новички еще не знают, а серединка на половинку еще что то помнит :)
...
Рейтинг: 0 / 0
18.10.2017, 14:15
| Ответить | Цитировать | Написать  
css как выровнять ширину блока по вышестоящему
    #39538090
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
AlexZawВот так вот, гуру уже забыли о таком теге
Я его вообще никогда не использовал...
...
Рейтинг: 0 / 0
18.10.2017, 14:39
| Ответить | Цитировать | Написать  
css как выровнять ширину блока по вышестоящему
    #39538155
AlexZaw
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
AlexZaw
Гость
krvsa,

Я как бы тоже таблицами не верстаю, но так как верстку учу не так давно, и в процессе обучения проходил таблицы, то еще свежи в памяти какие то моменты которые редко применяются. Правда верстку фреймами не стал учить даже поверхностно :)
...
Рейтинг: 0 / 0
18.10.2017, 15:40
| Ответить | Цитировать | Написать  
css как выровнять ширину блока по вышестоящему
    #39538199
Фотография hVostt
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
hVostt
Участник
AlexZawВот так вот, гуру уже забыли о таком теге, новички еще не знают, а серединка на половинку еще что то помнит :)

Задача звучала про выравнивание отдельного блока ниже :)
...
Рейтинг: 0 / 0
18.10.2017, 16:05
| Ответить | Цитировать | Написать  
css как выровнять ширину блока по вышестоящему
    #39538246
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
hVosttЗадача звучала про выравнивание отдельного блока ниже :)да , палочки должны быть попендикулярны....
...
Рейтинг: 0 / 0
18.10.2017, 16:35
| Ответить | Цитировать | Написать  
css как выровнять ширину блока по вышестоящему
    #39538247
AlexZaw
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
AlexZaw
Гость
hVosttЗадача звучала про выравнивание отдельного блока ниже :)
Изначально да, но потом ведь ТС уточнил что же все-таки хотел получить :)
...
Рейтинг: 0 / 0
18.10.2017, 16:37
| Ответить | Цитировать | Написать  
css как выровнять ширину блока по вышестоящему
    #39538297
Cyrax_02
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Cyrax_02
Участник
hVostt Задача звучала про выравнивание отдельного блока нижеПомещаем внутрь <caption> блок <div>. И получаем " блок div располагался под таблицей "
...
Рейтинг: 0 / 0
18.10.2017, 17:20
| Ответить | Цитировать | Написать  
css как выровнять ширину блока по вышестоящему
    #39538316
Cyrax_02
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Cyrax_02
Участник
hVostt Задача звучала про выравнивание отдельного блока нижеПомещаем внутрь <caption> блок <div>, а сам <caption> спускаем в низ таблицы.
...
Рейтинг: 0 / 0
18.10.2017, 17:40
| Ответить | Цитировать | Написать  
css как выровнять ширину блока по вышестоящему
    #39538438
Cyrax_02
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Cyrax_02
Участник
hVosttНет.
...
Почитайте основы HTML.
...
Именно! Поэтому нет.
...
И, кстати, очень смешно:
sanek842как то можно с помощью css или дополнительных div, не прибегая к javascript, сделать, чтоб нижний блок div располагался под таблицей с шириной таблицы, не указывая явно никаких размеров? Чтоб получилось как на рисункеCyrax_02А решение оказалось простым - <caption> Трепло с двойными стандартами. Как за свою задачу, так всё должно быть по букве, а как хочется хоть что-то из себя выдавить, так пойдёт любая херня . Зачем так откровенно позориться? Это же днище.
Товарищ hVostt считает, что:

1 . Озвученное в сабже решение является "хернёй"
2 . Что сабжевая задача в постановке ТС не имеет решения
3 . В том, что решения нет, он считает, нет ничего странного. И в доказательство отсутствия решения рекомендует ТС " почитать основы HTML "

Интересно, будет ли hVostt отрицать эти утверждения...
...
Рейтинг: 0 / 0
19.10.2017, 00:39
| Ответить | Цитировать | Написать  
css как выровнять ширину блока по вышестоящему
    #39538452
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
Cyrax_02,
здесь очень хороший пример как решить проблему.
тс ставит задачу, как он хочет, но в рамках своих знаний, опыта, видения решения.
если это воспринимать как жесткое тз, много задач бы не решилось никогда . поэтому если взглянуть шире, отойти от рамок тз, то появляются варианты, и оказывается тз не совсем корректно.
проблема в том, что не всякий может иметь «широкий взгляд».... для некоторых «палочки должны быть попендикулярны» единственное правило . (пока старшие товарищи не направят)
...
Рейтинг: 0 / 0
19.10.2017, 03:38
| Ответить | Цитировать | Написать  
css как выровнять ширину блока по вышестоящему
    #39538479
Фотография hVostt
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
hVostt
Участник
Cyrax_02Товарищ hVostt считает, что:

1 . Озвученное в сабже решение является "хернёй"
2 . Что сабжевая задача в постановке ТС не имеет решения
3 . В том, что решения нет, он считает, нет ничего странного. И в доказательство отсутствия решения рекомендует ТС " почитать основы HTML "

Интересно, будет ли hVostt отрицать эти утверждения...

Туши свой пылающий зад в другом месте, пожалуйста. Я не собираюсь дискутировать с треплом.
...
Рейтинг: 0 / 0
19.10.2017, 08:23
| Ответить | Цитировать | Написать  
css как выровнять ширину блока по вышестоящему
    #39538481
Фотография hVostt
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
hVostt
Участник
вадяесли это воспринимать как жесткое тз, много задач бы не решилось никогда . поэтому если взглянуть шире, отойти от рамок тз, то появляются варианты, и оказывается тз не совсем корректно.

С учётом, что ты даже букварь осилить не можешь, не умеешь работать с шаблонизацией, не умеешь работать с параметризованными запросами, свою широту взгляда можешь распространить до подметания улиц, там твои скилыы будут кстати.
...
Рейтинг: 0 / 0
19.10.2017, 08:25
| Ответить | Цитировать | Написать  
25 сообщений из 64, страница 1 из 3
  1  все
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / css как выровнять ширину блока по вышестоящему
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение
NoSQL.ru       Новости, Чат       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=39537526&tid=1444419]:
 0ms
get settings:
 10ms
get forum list:
 13ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 157ms
get topic data:
 11ms
get forum data:
 3ms
get page messages:
 58ms
get tp. blocked users:
 1ms
others: 11ms
total:  272ms
созд. / загр.: 272ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]