Jump to content
  • 0

Можно ли оперировать с параметрами <BODY>

TonKhaO

Asked by TonKhaO,

 Share

Question

TonKhaO Explorer

TonKhaO

Posted
Posted (edited)

Народ привожу скриншот, на одном ооочень интересном для меня и для вас сайте (кто в теме) автор весьма необычно делает макет сайта с фиксированным размером и выровненно посередине, ваши мнения насчет этого, просто я в свое время слышал что лучше вроде особо с боди не опереировать а как вы думаете?

wow.jpg

причем интересный момент, если мы ставим

body {
		  background: silver;
		  width: 700px;
		  margin: 0 auto;
}

то по идее судя по коду у нас блок BODY должен быть 700 по ширине и по центру страницы так и есть НО в silver цвет в итоге окрашивается всю окно браузера, словно мы поставили background: silver не для body а для HTML на сколько я понимаю именно body находится внутри html

доктайп у меня 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Edited by TonKhaO
Link to comment
Share on other sites

14 answers to this question

Recommended Posts

  • 0
psywalker Explorer

psywalker

Posted
Posted
Народ привожу скриншот, на одном ооочень интересном для меня и для вас сайте (кто в теме) автор весьма необычно делает макет сайта с фиксированным размером и выровненно посередине, ваши мнения насчет этого, просто я в свое время слышал что лучше вроде особо с боди не опереировать а как вы думаете?

wow.jpg

причем интересный момент, если мы ставим

body {
		  background: silver;
		  width: 700px;
		  margin: 0 auto;
}

то по идее судя по коду у нас блок BODY должен быть 700 по ширине и по центру страницы так и есть НО в silver цвет в итоге окрашивается всю окно браузера, словно мы поставили background: silver не для body а для HTML на сколько я понимаю именно body находится внутри html

доктайп у меня 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Вообще вот так центрировать сайт я люблю, так как лишний div для меня - это ужас, но опять же делать это надо с умом. Как пример могу привести, если нужно прибить подвал к низу, то мне бы пришлось делать контейнер для этого и уже его центрировать, ну и т. д., вобщем центрировать body нужно с умом! :blink: А насчёт цвета тоже всё верно, так как body распространяется на всю ширину экрана, и соответственно цвет тоже, но можно обмануть эту вещь, просто надо назначить любой цвет html и поидее dody должно отцентрировать свой цвет :)

Link to comment
Share on other sites
  • 0
TonKhaO Explorer

TonKhaO

Posted
  • Author
Posted (edited)
Вообще вот так центрировать сайт я люблю, так как лишний div для меня - это ужас, но опять же делать это надо с умом. Как пример могу привести, если нужно прибить подвал к низу, то мне бы пришлось делать контейнер для этого и уже его центрировать, ну и т. д., вобщем центрировать body нужно с умом! :blink: А насчёт цвета тоже всё верно, так как body распространяется на всю ширину экрана, и соответственно цвет тоже, но можно обмануть эту вещь, просто надо назначить любой цвет html и поидее dody должно отцентрировать свой цвет :)

то есть центрировать с умом ? :-) html по идее нельзя ставить никакие стайлы он же вроде не относится к структуре сайта?

Edited by TonKhaO
Link to comment
Share on other sites
  • 0
s0rr0w Explorer

s0rr0w

Posted
Posted
то есть центрировать с умом ? :-) html по идее нельзя ставить никакие стайлы он же вроде не относится к структуре сайта?

Нельзя в HTML 4.01, а в HTML 5 уже можно. Да и глупо было запрещать это дело, так как тег HTML мало отличается от остальных тегов.

Link to comment
Share on other sites
  • 0
mishka Explorer

mishka

Posted
Posted (edited)
то есть центрировать с умом ? :-) html по идее нельзя ставить никакие стайлы он же вроде не относится к структуре сайта?

Что имеете ввиду под "неотносится к структуре"?

Еще как можна стайлить:

как вы прибиваете подвал к низу? Разве не задаете ему 100% высоты?

если сложный бекграуд, то чтобы неюзать дополнительный див, можна повесить его на <html> и на <body>, разбив на две части.

Edited by mishka2
Link to comment
Share on other sites
  • 0
TonKhaO Explorer

TonKhaO

Posted
  • Author
Posted
Нельзя в HTML 4.01, а в HTML 5 уже можно. Да и глупо было запрещать это дело, так как тег HTML мало отличается от остальных тегов.

увы вот только HTML 5 еще пока не используют многие ) я так понимаю HTML 5 будут использовать када самый популярный IE будет этот стандарт поддерживать, а ведь у нас сейчас все сидят на Windows XP и юзают 6 ие с его багами )))

если сложный бекграуд, то чтобы неюзать дополнительный див, можна повесить его на <html> и на <body>, разбив на две части.

ну если сложный бэкграунд то я использую несколько дивов вложенных друг в друга ))) можете в меня кидать камни )))

Link to comment
Share on other sites
  • 0
psywalker Explorer

psywalker

Posted
Posted
увы вот только HTML 5 еще пока не используют многие ) я так понимаю HTML 5 будут использовать када самый популярный IE будет этот стандарт поддерживать, а ведь у нас сейчас все сидят на Windows XP и юзают 6 ие с его багами )))

ну если сложный бэкграунд то я использую несколько дивов вложенных друг в друга ))) можете в меня кидать камни )))

Во первых абсолютно согласен с s0rr0w, html ни чем не отличается от других тегов, мало того он очень полезен при задавании какого нибудь фона или задавания высоты страницы, как сказал mishka2. Во вторых никаких HTML5 ждать не обязательно, и сейчас можно активно использовать этот тег в своих целях, я например никогда не упущу такую возможность, если такая представится. В третьих "с умом" означает надо видеть ситуацию и действовать исходя из неё и не использовать эти теги в неправильных целях, дабы не разрушить вёрстку. В четвёртых по поводу того, что ты используешь для сложного фона несколько дивов - это твоя грубая ошибка, которая происходит от твоей неопытности :blink:

Link to comment
Share on other sites
  • 0
Justnewone Explorer

Justnewone

Posted
Posted
Во первых абсолютно согласен с s0rr0w, html ни чем не отличается от других тегов, мало того он очень полезен при задавании какого нибудь фона или задавания высоты страницы, как сказал mishka2. Во вторых никаких HTML5 ждать не обязательно, и сейчас можно активно использовать этот тег в своих целях, я например никогда не упущу такую возможность, если такая представится. В третьих "с умом" означает надо видеть ситуацию и действовать исходя из неё и не использовать эти теги в неправильных целях, дабы не разрушить вёрстку. В четвёртых по поводу того, что ты используешь для сложного фона несколько дивов - это твоя грубая ошибка, которая происходит от твоей неопытности :blink:

я пока испытываю благоговеный страх, просто потому что HTML и BODY порой по разному ведут себя в разных браузерах. максимум что применяю - это прижатие футера и бекграунд, хотя, на битриксе как-то на этом накололся, подробностей не помню, примерно дело было так- там на админскую куку была привязана панель управления вверху, при внезапном появлении которой все кое-где начинало ехать. ЧТобы выровнять по центру применил бы DIV, а BODY с HTML пусть пока рядом покурят. ИМХО.

Link to comment
Share on other sites
  • 0
TonKhaO Explorer

TonKhaO

Posted
  • Author
Posted (edited)
А насчёт цвета тоже всё верно, так как body распространяется на всю ширину экрана, и соответственно цвет тоже, но можно обмануть эту вещь, просто надо назначить любой цвет html и поидее dody должно отцентрировать свой цвет :)

бррр, немного не понял ) но ведь у меня в примере для <body> указана 700 ширина как он тогда может распространяться на всю ширину, и если ставлю рамку однопиксельную то по ней действительно видно что боди 700 в ширину а вот цвет во всю ширину окна браузера заливается, получается уже конфуз какой то :blink:

кстати да трюк с заданием цвета HTML работаети тогда боди окрашивает именно свою территорию ))))

Edited by TonKhaO
Link to comment
Share on other sites
  • 0
s0rr0w Explorer

s0rr0w

Posted
Posted
бррр, немного не понял ) но ведь у меня в примере для <body> указана 700 ширина как он тогда может распространяться на всю ширину, и если ставлю рамку однопиксельную то по ней действительно видно что боди 700 в ширину а вот цвет во всю ширину окна браузера заливается, получается уже конфуз какой то :blink:

кстати да трюк с заданием цвета HTML работаети тогда боди окрашивает именно свою территорию ))))

Спеку почитайте.

Link to comment
Share on other sites

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.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to question listing

  • Обсуждения

    • Nikker
      Дизайн сайтов, landing page, логотипов, баннеров, шапок | Высокое качество, по хорошей цене

      By Nikker · Posted

      Актуальные контакты: Telegram: @Nikker_web E-Mail:   tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ    
    • Nikker
      Брендовый дизайн в социальных сетях

      By Nikker · Posted

      Актуальные контакты: Telegram: @Nikker_web E-Mail:   tarasevich.email@gmail.com   Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ   Портфолио https://www.behance.net/d4d4186e
    • Mondeus
      Вёрстка футера на движке Xenforo

      By Mondeus · Posted

      Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение.  .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }  
    • torsar
      Примеры верстки

      By torsar · Posted

      Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Да, подходит. Спасибо.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept