Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / css как выровнять ширину блока по вышестоящему / 25 сообщений из 64, страница 1 из 3
17.10.2017, 06:44
    #39537168
sanek842
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
css как выровнять ширину блока по вышестоящему
допустим, есть такой 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, 07:49
    #39537179
hVostt
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
css как выровнять ширину блока по вышестоящему
sanek842,

Нет.
...
Рейтинг: 0 / 0
17.10.2017, 13:58
    #39537488
div-wrap
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
css как выровнять ширину блока по вышестоящему
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, 14:47
    #39537526
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
css как выровнять ширину блока по вышестоящему
Зачем равнять нижний элемент под верхний?
Нужно просто добавить еще один материнский элемент, укоротить его, растянуть верхний и все готово!
div-wrap , сам додумался или подсказал кто?
...
Рейтинг: 0 / 0
17.10.2017, 14:48
    #39537530
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
css как выровнять ширину блока по вышестоящему
div-wrap , только как быть у условием ТСа?
sanek842не указывая явно никаких размеров?
...
Рейтинг: 0 / 0
17.10.2017, 14:51
    #39537534
sanek842
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
css как выровнять ширину блока по вышестоящему
Ну мне не нужно чтоб таблица растягивалась, но похоже без указания ширины никак. Хотел под таблицей разместить комментарии кое какие, чтоб прямо под таблицей, и желательно не выходили за ее рамки, но .. придется тогда примерно знать ширину выводимой таблицы и указывать ее
Код: 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, 15:19
    #39537553
hVostt
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
css как выровнять ширину блока по вышестоящему
sanek842хотя, странно что решения нет, казалось бы что нужно , таблица внутри обвалакивающего дива, а нижний блок нужно раздвинуть на 100% внутри внешнего div. Крутил еще table-layout:fixed , если в таблицу завернуть (там ширина колонок должна устанавливаться на основе 1ой строки), но что то тоже не получается.

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

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

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

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

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

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

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

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

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

С учётом, что ты даже букварь осилить не можешь, не умеешь работать с шаблонизацией, не умеешь работать с параметризованными запросами, свою широту взгляда можешь распространить до подметания улиц, там твои скилыы будут кстати.
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / css как выровнять ширину блока по вышестоящему / 25 сообщений из 64, страница 1 из 3
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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