Jump to content
  • 0

Вопрос о размерах блоков.


thekap
 Share

Question

Существуют ли какие-либо типовые размеры блоков, которые можно назвать стандартными? Понятно, что для каждого макета размеры могут быть разными, но хотелось бы узнать, есть ли какие-то стандарты. Чтобы лучше понять, что имеется в виду, приведу свой пример. Делаю сейчас трёхколонную таблицу. При этом для таблицы взял ширину 950px, для верхнего меню высоту - 45px. Для разделителей между шапкой и центральным блоком, а также между центральным блоком и подвалом взял высоту 5px. Центральный блок имеет такие размеры ширины: правая колонка - 221px, разделитель - 4px, контент - 500px, разделитель - 4px, левая колонка - 221px. Далее после разделителя, о котором говорилось выше, идёт подвал. Его высота - 45px. Нормальны ли такие размеры или стоит где-то чуть уменьшить или, наоборот, повысить?

Спасибо за ответы.

P. S. И ещё сделал для всей таблицы отступ сверху 5px и снизу 5px. В FireFox и Opera нижний отступ показывается нормально, а вот в IE6 его не видно, то есть таблица прилипает прямо к низу экрана. Как это исправить? Верхний отступ в IE показывается нормально.

Link to comment
Share on other sites

8 answers to this question

Recommended Posts

  • 0
Существуют ли какие-либо типовые размеры блоков, которые можно назвать стандартными? Понятно, что для каждого макета размеры могут быть разными, но хотелось бы узнать, есть ли какие-то стандарты. Чтобы лучше понять, что имеется в виду, приведу свой пример. Делаю сейчас трёхколонную таблицу. При этом для таблицы взял ширину 950px, для верхнего меню высоту - 45px. Для разделителей между шапкой и центральным блоком, а также между центральным блоком и подвалом взял высоту 5px. Центральный блок имеет такие размеры ширины: правая колонка - 221px, разделитель - 4px, контент - 500px, разделитель - 4px, левая колонка - 221px. Далее после разделителя, о котором говорилось выше, идёт подвал. Его высота - 45px. Нормальны ли такие размеры или стоит где-то чуть уменьшить или, наоборот, повысить?

Спасибо за ответы.

один из самых глупых вопросов..... :)

Link to comment
Share on other sites

  • 0
Существуют ли какие-либо типовые размеры блоков, которые можно назвать стандартными? Понятно, что для каждого макета размеры могут быть разными, но хотелось бы узнать, есть ли какие-то стандарты. Чтобы лучше понять, что имеется в виду, приведу свой пример. Делаю сейчас трёхколонную таблицу. При этом для таблицы взял ширину 950px, для верхнего меню высоту - 45px. Для разделителей между шапкой и центральным блоком, а также между центральным блоком и подвалом взял высоту 5px. Центральный блок имеет такие размеры ширины: правая колонка - 221px, разделитель - 4px, контент - 500px, разделитель - 4px, левая колонка - 221px. Далее после разделителя, о котором говорилось выше, идёт подвал. Его высота - 45px. Нормальны ли такие размеры или стоит где-то чуть уменьшить или, наоборот, повысить?

Спасибо за ответы.

P. S. И ещё сделал для всей таблицы отступ сверху 5px и снизу 5px. В FireFox и Opera нижний отступ показывается нормально, а вот в IE6 его не видно, то есть таблица прилипает прямо к низу экрана. Как это исправить? Верхний отступ в IE показывается нормально.

thekap, сайты, как и люди, все разные. Нельзя подогнать их под стандарты. И это хорошо!

Главное, чтобы сайт был удобным и не путал посетителя, не заводил его в дебри, и конечно, не отталкивал.

На счёт проблемы с отступом в IE.

Каким свойством вы прописываете отступ?

Для таблицы обнулите margin, а для body укажите нужный, а то у вас скорее всего схлопывается отступ.

Link to comment
Share on other sites

  • 0
Для таблицы обнулите margin, а для body укажите нужный, а то у вас скорее всего схлопывается отступ.

Спасибо, помогло. Теперь всё нормально.

один из самых глупых вопросов..... wink.gif

Не спорю, может, и глупый, но меня на него натолкнуло мнение о том, что, когда верстаешь макет под разрешение 800 на 600 и таблица имеет фиксированные размеры, то её ширину надо делать 750px. Перефразирую тогда. Какая оптимальная ширина таблицы для разрешения 1024 на 768, если учесть, что она располагается по центру экрана? Я взял 950px. Может существует какой-либо другой "стандарт"?

P. S. И ещё возник такой вопрос. Поставил в правой колонке, центральном блоке и левой колонке рамки по бокам, чтобы посмотреть, как оно смотрится с учётом разделителя. В Opera и FireFox рамки чётко состыкуются с верхним и нижним блоком, а вот в IE6 нормально соединяются только с нижним. До верхнего же не достают буквально 1px, поэтому появляется едва заметный зазор. Это можно как-то исправить? Дело в том, что позднее эти рамки пригодятся.

Edited by thekap
Link to comment
Share on other sites

  • 0
Не спорю, может, и глупый, но меня на него натолкнуло мнение о том, что, когда верстаешь макет под разрешение 800 на 600 и таблица имеет фиксированные размеры, то её ширину надо делать 750px. Перефразирую тогда. Какая оптимальная ширина таблицы для разрешения 1024 на 768, если учесть, что она располагается по центру экрана? Я взял 950px. Может существует какой-либо другой "стандарт"?

Хорошо, когда главенствует здравый смысл.

Я не особый почитатель статичной верстки, но когда сталкиваюсь с ней, делаю так, чтобы надо было только убрать указание ширины и она сразу же превратилась бы в резиновую. Ну, по возможности, конечно. А цифра пикселей зависит в первую очередь от макета. Я делаю как правило, либо то что нарисовали, либо "разрешение экрана - 25px"

Link to comment
Share on other sites

  • 0
P. S. И ещё возник такой вопрос. Поставил в правой колонке, центральном блоке и левой колонке рамки по бокам, чтобы посмотреть, как оно смотрится с учётом разделителя. В Opera и FireFox рамки чётко состыкуются с верхним и нижним блоком, а вот в IE6 нормально соединяются только с нижним. До верхнего же не достают буквально 1px, поэтому появляется едва заметный зазор. Это можно как-то исправить? Дело в том, что позднее эти рамки пригодятся.

thekap, укажите таблице свойство

border-collapse: collapse;

Я не особый почитатель статичной верстки, но когда сталкиваюсь с ней, делаю так, чтобы надо было только убрать указание ширины и она сразу же превратилась бы в резиновую. Ну, по возможности, конечно. А цифра пикселей зависит в первую очередь от макета. Я делаю как правило, либо то что нарисовали, либо "разрешение экрана - 25px"

Я делаю "разрешение экрана - 30px" — чтоб уж наверняка :)

Link to comment
Share on other sites

  • 0

И последний вопрос. Если размеры блока, например, 100 на 100 пикселей, то картинка, которая должна полностью его заполнять должна быть такого же размера или на 1 пиксель меньше, то есть 99 на 99 пикселей? У самого блока при этом рамка не будет задана.

P. S. Всем отписавшимся в теме спасибо за советы.

Link to comment
Share on other sites

  • 0
И последний вопрос. Если размеры блока, например, 100 на 100 пикселей, то картинка, которая должна полностью его заполнять должна быть такого же размера или на 1 пиксель меньше, то есть 99 на 99 пикселей? У самого блока при этом рамка не будет задана.

P. S. Всем отписавшимся в теме спасибо за советы.

100х100

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