|
|
|
прошу помощи с правильным построением скелета
|
|||
|---|---|---|---|
|
#18+
доброго времени суток Есть старая веб-аппликация (не сайт), структура - 3 фрейма: шапка, меню, контент (модули). Все модули имкют табличный дизайн, id нигде не используются, только классы, формы везде разные, встречаются таблицы где каждая кнопка редактирования имеет свою форму и т.д. Вобщем есть необходимость редизайна :(. Я честно не веб-дизайнер (больше того 80% моей работы это БД), поэтому очень нужна помощь в некоторых "элементарных" вещах. Для начала думаю перевести все в DIV-ы. Набрасал себе схему : 1. Шапка (position: fixed) 2. Меню (position: fixed и overflow-y:auto; display:block;) 3,4,5,6 вместе . Контент (position:absolute; display:block;) 3. Информация (position:relative) 4. Контентное меню возможно 1-2 стрки/блоков (position:relative) 5. Фильтры, строки поисков и т.д. может быть от 0 до 3 строк/блоков (position:relative;) 6. Формуляры или таблицы (пунктиром обозначена шапка в таблицах) (position:absolute;display:block; overflow-y:auto; ) Вобщем скролироваться должны отдельно друг от друга второй и шестрой див (хотя для скролинга таблиц без шапки придется, как я понял, делать еще один див). Сейчас при сколинге 6-го дива, он залазит на все верхнии дивы, что есть совсем не хорошо :( Помогите как правильно описать такой скелет как у меня... [img=] ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 14.08.2013, 15:16 |
|
||
|
прошу помощи с правильным построением скелета
|
|||
|---|---|---|---|
|
#18+
vladimir74Для начала думаю перевести все в DIV-ызачем? ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 14.08.2013, 15:24 |
|
||
|
прошу помощи с правильным построением скелета
|
|||
|---|---|---|---|
|
#18+
Паганель, хочу реализовать схлопывание раскрытие меню, т.к. есть таблицы которые не помещаются в ширину. Т.е. присутствует горизонтальный скролл. А это неудобно для пользователя :( . Плюс, начитался всякой гадости, про виды современого дизайна :( . ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 14.08.2013, 15:48 |
|
||
|
прошу помощи с правильным построением скелета
|
|||
|---|---|---|---|
|
#18+
таблица значит не умещается по ширине, а div с тем же содержимым - уместится? ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 14.08.2013, 15:57 |
|
||
|
прошу помощи с правильным построением скелета
|
|||
|---|---|---|---|
|
#18+
vladimir74Помогите как правильно описать такой скелет как у меня... Возможно это и есть решение... http://csstemplater.com/ ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 14.08.2013, 16:15 |
|
||
|
прошу помощи с правильным построением скелета
|
|||
|---|---|---|---|
|
#18+
vladimir741. Шапка (position: fixed) 2. Меню (position: fixed) Ты понимаешь для чего вообще используется Код: css 1. ? ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 14.08.2013, 16:17 |
|
||
|
прошу помощи с правильным построением скелета
|
|||
|---|---|---|---|
|
#18+
Паганельтаблица значит не умещается по ширине, а div с тем же содержимым - уместится? нет, таблицу в диве можно будет сдвинуть в лево на размер фрейма меню... krvsaТы понимаешь для чего вообще используется надеюсь что да. идет жесткое фиксирование по окну... ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 14.08.2013, 16:24 |
|
||
|
прошу помощи с правильным построением скелета
|
|||
|---|---|---|---|
|
#18+
vladimir74нет, таблицу в диве можно будет сдвинуть в лево на размер фрейма меню...значит таблицы все-таки будут? ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 14.08.2013, 16:42 |
|
||
|
прошу помощи с правильным построением скелета
|
|||
|---|---|---|---|
|
#18+
krvsaВозможно это и есть решение... что то у меня не получается там эмулировать мою задачу... ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 14.08.2013, 16:46 |
|
||
|
прошу помощи с правильным построением скелета
|
|||
|---|---|---|---|
|
#18+
vladimir74надеюсь что да. идет жесткое фиксирование по окну... Значит не совсем... При таком позиционировании при прокрутке контента все элементы с Код: css 1. останутся на своих местах, а контент будет залезать подних... У тебя вообще будут скролы всего контента по вертикали? По горизонтали? ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 14.08.2013, 16:49 |
|
||
|
прошу помощи с правильным построением скелета
|
|||
|---|---|---|---|
|
#18+
Паганельзначит таблицы все-таки будут? конечно будут, там где они нужны... Сейчас эта схема существует, и выглядит так: 1,2 и 3-6 это три разных iFrame Дальше 3-6 это одна таблица с одной колонкой и двумя/тремя строками в нутри которой находятся таблицы 3, 4 -как одна таблица, и еще 5, 6 как еще одна таблица. Хотя в некоторых местах 5 и 6 это две разные таблицы. Вот именно этот конструкт я и хочу изменить.... ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 14.08.2013, 16:54 |
|
||
|
прошу помощи с правильным построением скелета
|
|||
|---|---|---|---|
|
#18+
krvsaостанутся на своих местах, а контент будет залезать подних... именно это у меня и происходит... Див Меню должен скролится по вертикали, а вот div-6 и по вертикали и по горизонтали. И да, огромное спасибо, ошибку overflow-y:auto; я уже вижу :( ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 14.08.2013, 17:01 |
|
||
|
прошу помощи с правильным построением скелета
|
|||
|---|---|---|---|
|
#18+
krvsa, а вот как сделать чтоб скролился правильно сам div-6 не знаю PS: в мире клиентовских приложений все было как то намного проще :( и скупая мужская слеза..... ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 14.08.2013, 17:13 |
|
||
|
прошу помощи с правильным построением скелета
|
|||
|---|---|---|---|
|
#18+
vladimir74Див Меню должен скролится по вертикали, а вот div-6 и по вертикали и по горизонтали. Что скажешь по высоте элементов 1, 3, 4 и 5? Она фиксирована или растягивается контентом? ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 15.08.2013, 08:41 |
|
||
|
прошу помощи с правильным построением скелета
|
|||
|---|---|---|---|
|
#18+
vladimir74а вот как сделать чтоб скролился правильно сам div-6 не знаю Пока мало информации о других элементах... Только когда про всех будет ясно - можно будет что-то предложить по 6-му. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 15.08.2013, 08:43 |
|
||
|
прошу помощи с правильным построением скелета
|
|||
|---|---|---|---|
|
#18+
krvsaЧто скажешь по высоте элементов 1, 3, 4 и 5? Она фиксирована или растягивается контентом? высоты у всех элементы фиксированы. Поэтому возможно несколько элементов 4 и 5 (причем 5го дива может вообще не быть)... Ширина у всех элементов кроме второго - резиновая, вернее сказать до конца окна... ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 15.08.2013, 10:30 |
|
||
|
прошу помощи с правильным построением скелета
|
|||
|---|---|---|---|
|
#18+
vladimir74высоты у всех элементы фиксированы. Уже хорошо... vladimir74Поэтому возможно несколько элементов 4 и 5 Это не понял... vladimir74причем 5го дива может вообще не быть Это уже плохо... Придется делать 2 варианта "без 5-го" и "с 5-тым"... ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 15.08.2013, 11:32 |
|
||
|
прошу помощи с правильным построением скелета
|
|||
|---|---|---|---|
|
#18+
От чего зависит будет 5-тый элемент или нет? ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 15.08.2013, 11:33 |
|
||
|
прошу помощи с правильным построением скелета
|
|||
|---|---|---|---|
|
#18+
krvsaОт чего зависит будет 5-тый элемент или нет? 5 элемент это различные вспомогательные фильтры и сортировки которые часто (но не всегда) есть в табличных формулярах. Есть таблицы где фильтры занимают три строки. В формулярах ввода/редактирования этого элементра практически никогда нет. 4-тый элемент контентное меню- это группа табуляторов (сделана в виде кнопок) вот их может быть как одна строка, так и две строки. Я думал каждую такую строку (элементы 4 и 5) посылать как отдельный "див" - элемент. Или это уже сама по себе плохая идея? ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 15.08.2013, 11:47 |
|
||
|
прошу помощи с правильным построением скелета
|
|||
|---|---|---|---|
|
#18+
vladimir745 элемент это различные вспомогательные фильтры и сортировки которые часто (но не всегда) есть в табличных формулярах. Есть таблицы где фильтры занимают три строки. В формулярах ввода/редактирования этого элементра практически никогда нет. Если мы говорим именно о каркасе страницы - не стоит отрывать таблицу от ее фильтров... vladimir744-тый элемент контентное меню- это группа табуляторов (сделана в виде кнопок) вот их может быть как одна строка, так и две строки. А до этого писал о фиксированой высоте... vladimir74Я думал каждую такую строку (элементы 4 и 5) посылать как отдельный "див" - элемент. Или это уже сама по себе плохая идея? Мне кажется тут явная путаница именно каркаса с контентом... ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 15.08.2013, 13:07 |
|
||
|
прошу помощи с правильным построением скелета
|
|||
|---|---|---|---|
|
#18+
Пока именно каркасом можно предложить следущее... Код: html 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20. 21. 22. 23. 24. 25. 26. 27. 28. 29. 30. 31. 32. 33. 34. 35. 36. 37. 38. 39. 40. 41. 42. 43. 44. 45. 46. 47. 48. 49. 50. 51. 52. 53. 54. 55. 56. 57. 58. 59. 60. 61. 62. 63. 64. 65. 66. 67. 68. 69. 70. 71. 72. 73. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 15.08.2013, 13:19 |
|
||
|
прошу помощи с правильным построением скелета
|
|||
|---|---|---|---|
|
#18+
Млин, ЦСС забыл вставить... Код: css 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20. 21. 22. 23. 24. 25. 26. 27. 28. 29. 30. 31. 32. 33. 34. 35. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 15.08.2013, 13:22 |
|
||
|
прошу помощи с правильным построением скелета
|
|||
|---|---|---|---|
|
#18+
krvsaА до этого писал о фиксированой высоте... вот именно для того чтоб они все были фиксированы, думал оформить каждую строку как отдельный div. krvsaМне кажется тут явная путаница именно каркаса с контентом... скажем так, это мое представление что должно получиться в конечном виде :). Спасибо, буду копаться дальше.. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 15.08.2013, 14:45 |
|
||
|
прошу помощи с правильным построением скелета
|
|||
|---|---|---|---|
|
#18+
вот что у меня пока получилось, если сильно не "кошерно" разрешаю попинать, но не больно :)) Код: css 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20. 21. 22. 23. 24. 25. 26. 27. 28. 29. 30. 31. 32. 33. 34. 35. 36. 37. 38. 39. 40. 41. 42. 43. 44. 45. 46. 47. 48. 49. 50. 51. 52. 53. 54. 55. 56. 57. 58. 59. Код: html 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20. 21. 22. 23. 24. 25. 26. 27. 28. 29. 30. 31. 32. 33. 34. 35. 36. 37. 38. 39. 40. 41. 42. 43. 44. 45. 46. 47. 48. 49. 50. 51. 52. 53. 54. 55. 56. 57. 58. 59. 60. 61. 62. 63. 64. 65. 66. 67. 68. 69. 70. 71. 72. 73. 74. 75. 76. 77. 78. 79. 80. 81. 82. 83. 84. 85. 86. 87. 88. 89. 90. 91. 92. высоту #content' я выставляю в скрипте, возможно эту запись можно сократить... по скроллингу таблицы с фиксированой шапкой я пока ничего интересного тоже не нашел, в основном делят таблицу на две, в одной рисуют шапку в другой тело. Решение легкое, но оно ломается если где то в таблице строка без переноса шире заданой велечины... ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 15.08.2013, 18:15 |
|
||
|
|

start [/forum/topic.php?fid=22&fpage=123&tid=1448003]: |
0ms |
get settings: |
9ms |
get forum list: |
16ms |
check forum access: |
3ms |
check topic access: |
3ms |
track hit: |
79ms |
get topic data: |
10ms |
get forum data: |
3ms |
get page messages: |
51ms |
get tp. blocked users: |
1ms |
| others: | 238ms |
| total: | 413ms |

| 0 / 0 |
