DivMan Posted October 26, 2014 Report Share Posted October 26, 2014 Вот когда надо сделать общую ширину сайта, что лучше: уменьшить body и выровнять его по центру или создать ещё 1 общий контейнер? Quote Link to comment Share on other sites More sharing options...
0 swandev Posted October 26, 2014 Report Share Posted October 26, 2014 (edited) Сделать контейнер, для body 100% ширина и для него задается цвет фона Edited October 26, 2014 by ALEEX SWN Quote Link to comment Share on other sites More sharing options...
0 Sergik+ Posted October 26, 2014 Report Share Posted October 26, 2014 Лучше wrapper. Quote Link to comment Share on other sites More sharing options...
0 SelenIT Posted October 26, 2014 Report Share Posted October 26, 2014 Строго говоря, фон, даже если он задан для body, на самом деле применяется к html (если только для html не задан свой отдельный). Но вот многие сторонние скрипты всяких всплывашек, выпадушек и и.п., действительно, отсчитывают координаты от document.body, так что злоупотреблять скукоживанием body и впрямь не стоит. На проекте для себя можно всё 2 Quote Link to comment Share on other sites More sharing options...
0 lexxcode Posted October 26, 2014 Report Share Posted October 26, 2014 Я лично общие враперы стал крайне редко использовать. Это дает больше свободы для реализации различных дизайнерских решений. Но body превращать в врапер это еще более худшая идея. А что касается фона, то на html его нужно вешать, а не на body. Мой вам совет 2 Quote Link to comment Share on other sites More sharing options...
0 npofopr Posted October 26, 2014 Report Share Posted October 26, 2014 On 10/26/2014 at 8:53 AM, alexriz said: Я лично общие враперы стал крайне редко использовать. соглашусь. вернее я для этого враппера делаю те же 100% в высоту и ширину. Quote Link to comment Share on other sites More sharing options...
0 SelenIT Posted October 26, 2014 Report Share Posted October 26, 2014 А вот нужен ли сейчас общий враппер для поддержания цепочки 100%-ной высоты? Не пора ли уже ставить контейнеру прибитого футера min-height:100vh, а не понимающим этого динозаврам давать изящно деградировать? 1 Quote Link to comment Share on other sites More sharing options...
0 lexxcode Posted October 26, 2014 Report Share Posted October 26, 2014 On 10/26/2014 at 10:27 AM, npofopr said: я для этого враппера делаю те же 100% в высотуПилить body и врапера 100% высоты, тоже не лучшая практика. Раньше это было вынужденная мера для ультра старых браузеров, типа IE6, сейчас все это можно решить лучше и избавиться от некоторых проблем с фоновыми изображениями On 10/26/2014 at 11:11 AM, SelenIT said: А вот нужен ли сейчас общий враппер для поддержания цепочки 100%-ной высоты? Не пора ли уже ставить контейнеру прибитого футера min-height:100vh, а не понимающим этого динозаврам давать изящно деградировать? Я футер и так прижимаю без всяких 100% высоты и min-height: 100vh тоже не нужны Quote Link to comment Share on other sites More sharing options...
0 SelenIT Posted October 26, 2014 Report Share Posted October 26, 2014 alexriz, а как? Заинтриговал.. Quote Link to comment Share on other sites More sharing options...
0 lexxcode Posted October 26, 2014 Report Share Posted October 26, 2014 On 10/26/2014 at 11:42 AM, SelenIT said: alexriz, а как? Заинтриговал..В чатике кидал когда-то уже http://jsfiddle.net/alexriz/WgaA6/Суть:html<!DOCTYPE html><html lang="ru"><head> <meta charset="utf-8"> <title>Title</title></head><body> <header class="header"></header> <main class="main"></main> <footer class="footer"></footer></body></html>csshtml { min-height: 100%; position: relative;}body { margin: 0;}.header { width: 1000px; margin: auto;}.main { width: 1000px; margin: auto; padding-bottom: 100px;}.footer { width: 1000px; height: 100px; margin: auto; position: absolute; left: 0; right: 0; bottom: 0; box-sizing: border-box;} 2 Quote Link to comment Share on other sites More sharing options...
0 swandev Posted October 26, 2014 Report Share Posted October 26, 2014 (edited) Для фиксированной высоты футера подойдет, а для адаптивного нужен js при таком способе Edited October 26, 2014 by ALEEX SWN Quote Link to comment Share on other sites More sharing options...
0 lexxcode Posted October 26, 2014 Report Share Posted October 26, 2014 On 10/26/2014 at 1:17 PM, ALEEX SWN said: Для фиксированной ширины футера подойдет, а для адаптивного нужен js при таком способеОно абсолютно элементарно адаптируется. Это даже кот научит адаптироваться на чем угодно On 10/26/2014 at 1:17 PM, ALEEX SWN said: Для фиксированной высоты футера подойдет А высота не может быть сделана резиновой на футере при любом из старых методов прижатия футера, кроме табличной верстки. На flex-box конечно можно сделать прижатие и при этом гибкий по высоте футер Quote Link to comment Share on other sites More sharing options...
0 SelenIT Posted October 26, 2014 Report Share Posted October 26, 2014 Прикольно, но одно 100% высоты там всё-таки есть, я уж подумал про совсем без него. И динамическая высота футера в пролете. Но решение интересное! Quote Link to comment Share on other sites More sharing options...
0 lexxcode Posted October 26, 2014 Report Share Posted October 26, 2014 On 10/26/2014 at 1:21 PM, SelenIT said: Прикольно, но одно 100% высоты там всё-таки есть, я уж подумал про совсем без него.там min-height: 100%; (!!!) Это очень важное отличие от старого метода с оберткой и установления жесткого height: 100%; для body и wrapper On 10/26/2014 at 1:21 PM, SelenIT said: И динамическая высота футера в пролете. Но решение интересное! Оно и раньше в пролете было, так что такое. Чтобы было не в пролете, то нужно применять современные технологии Quote Link to comment Share on other sites More sharing options...
Question
DivMan
Вот когда надо сделать общую ширину сайта, что лучше: уменьшить body и выровнять его по центру или создать ещё 1 общий контейнер?
Link to comment
Share on other sites
13 answers to this question
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.