Joomla
CMS позволяет создавать от маленьких до больших корпоративных сайтов, интернет порталы, онлайн-магазины, социальные сети и персональные страницы
180 topics in this forum
-
- 3 replies
- 10.7k views
-
- 2 replies
- 925 views
-
- 5 replies
- 909 views
-
- 1 reply
- 962 views
-
- 5 replies
- 1.3k views
-
- 4 replies
- 793 views
-
- 0 replies
- 648 views
-
- 1 reply
- 5.6k views
-
- 9 replies
- 1.2k views
-
- 33 replies
- 4.7k views
-
- 7 replies
- 2.9k views
-
- 0 replies
- 1.3k views
-
- 2 replies
- 3.3k views
-
- 2 replies
- 1.1k views
-
- 5 replies
- 1.1k views
-
- 4 replies
- 1.4k views
-
- 0 replies
- 839 views
-
- 2 replies
- 972 views
-
- 0 replies
- 604 views
-
- 3 replies
- 1.1k views
-
- 5 replies
- 1.7k views
-
- 11 replies
- 1.4k views
-
- 3 replies
- 1.1k views
-
- 0 replies
- 2.3k views
-
- 0 replies
- 566 views
-
Recently Browsing 0 members
No registered users viewing this page.
-
Спрашивают сейчас
-
-
Пишут сейчас
-
Спасибо. Сделал вот так. Но если в первом блоке "content-filter" будет много текста (и другого содержимого), то как сделать, чтобы прокрутка была только в нем? Сейчас прокрутка получается у всей страницы... И еще, как сделать, чтобы тень от хидера накладывалась на блоки ниже? Сейчас по сути ее и не видно. <!doctype html> <title>Example</title> <style> * { box-sizing: border-box; } body { display: flex; min-height: 100vh; flex-direction: column; margin: 0; } #main-header { background: #fafafb; height: 40px; box-shadow: 0 3px 5px rgba(57, 63, 72, 0.4); margin-bottom: 0px; } #content-main { display: flex; flex: 1; } #content-filter { flex: 0 0 350px; order: 1; background: #D7E8D4; } #content-article { flex: 1; order: 2; } </style> <body> <header id="main-header">Header</header> <div id="content-main"> <div id="content-filter">Filter</div> <div id="content-article">Article</div> </div> </body> -
У них и спросите. Они обычно код предоставляют для встраивания на сайт. -
Почитайте про box-sizing вместо float, используйте flex и могут пригодится единицы измерения vh для высоты. https://www.quackit.com/html/templates/css_flexbox_templates.cfm
-
-
Popular Contributors
Nobody has received reputation this week.
