Jump to content
  • 0

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


TonKhaO
 Share

Question

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

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

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

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

Edited by TonKhaO
Link to comment
Share on other sites

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

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

Link to comment
Share on other sites

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

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

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

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

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

Edited by mishka2
Link to comment
Share on other sites

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

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

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

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

Link to comment
Share on other sites

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

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

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

Link to comment
Share on other sites

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

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

Link to comment
Share on other sites

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

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

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

Edited by TonKhaO
Link to comment
Share on other sites

  • 0
бррр, немного не понял ) но ведь у меня в примере для <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

×
×
  • 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