Logical-Portal — молодежный портал со своей изюминкой, каждый сможет найти что-то интересное и полезное для себя, например наш форум общения с которым вам обязательно нужно ознакомиться.
В общем, сверстал дизайн, у которого хеадер рипитится на всю длину экрана, а врапер имеет определенную ширину и позиционируется по центру. все бы хорошо, но когда я начал ставить логотип у меня получилась фигня, мне нужно его поставить по центру окна браузера, но так, чтобы оно не сдвигалось относительно изменения размера браузера. Я пробовал засунуть лого в врапер с абсолютным позиционированием, чтобы лого позиционировалось от родительского элемента, т.е. врапера, но тут у меня появилась проблема, когда пытаюсь поставить логотип на его место, он залезает под хеадер, свойство z-index почему-то не работает, очень странно, ведь и врапер и хеадер и лого у меня имеют свойство позишен, только врапер и хеадер относительное позиционирование, а лого абсолютное! В общем у меня не получилось выгнать его на верх, поэтому я вернул его в хеадер и решил его засунуть по центру с помощью margin:0 auto, но и тут меня не все устраивает, ведь при изменении размера окна браузера, логотип движется вместе с ним и смещается, т.е. на маленьких разрешениях экрана будет бред! Опытные верстальщики, подскажите, как мне засунуть уже это лого в хеадер так, чтобы оно прилепилось в центр и не двигалось, не смотря на манипуляции с окном браузера!
В общем, сверстал дизайн, у которого хеадер рипитится на всю длину экрана, а врапер имеет определенную ширину и позиционируется по центру. все бы хорошо, но когда я начал ставить логотип у меня получилась фигня, мне нужно его поставить по центру окна браузера, но так, чтобы оно не сдвигалось относительно изменения размера браузера. Я пробовал засунуть лого в врапер с абсолютным позиционированием, чтобы лого позиционировалось от родительского элемента, т.е. врапера, но тут у меня появилась проблема, когда пытаюсь поставить логотип на его место, он залезает под хеадер, свойство z-index почему-то не работает, очень странно, ведь и врапер и хеадер и лого у меня имеют свойство позишен, только врапер и хеадер относительное позиционирование, а лого абсолютное! В общем у меня не получилось выгнать его на верх, поэтому я вернул его в хеадер и решил его засунуть по центру с помощью margin:0 auto, но и тут меня не все устраивает, ведь при изменении размера окна браузера, логотип движется вместе с ним и смещается, т.е. на маленьких разрешениях экрана будет бред! Опытные верстальщики, подскажите, как мне засунуть уже это лого в хеадер так, чтобы оно прилепилось в центр и не двигалось, не смотря на манипуляции с окном браузера!
не помню какой тег, вроде padding. Попробуй в стиле логотипа прописать так: padding-left:(число)px;padding-right:(число)px; если нет, то: margin-left:(число)px;margin-right:(число)px;
не помню какой тег, вроде padding. Попробуй в стиле логотипа прописать так: padding-left:(число)px;padding-right:(число)px; если нет, то: margin-left:(число)px;margin-right:(число)px;
Stendy, дааа, а я то не додумался использовать их, ага То, что ты предлагаешь бред, имхо, т.к. чтобы позиционировать с помощью маржина, нужно указать флоат, а там и задается от какой стороны он будет отмерять, райт или лефт, поэтому будет фигня, ибо он будет позиционировать от окна браузера, а если использовать паддинг, то он позиционирует от окна браузера, т.е. если начать изменять размер браузера, логотип будет смещаться и получится бред! Жду еще предложений.
Сообщение отредактировал CbIHoK - Среда, 15.08.2012, 20:36:36
Stendy, дааа, а я то не додумался использовать их, ага То, что ты предлагаешь бред, имхо, т.к. чтобы позиционировать с помощью маржина, нужно указать флоат, а там и задается от какой стороны он будет отмерять, райт или лефт, поэтому будет фигня, ибо он будет позиционировать от окна браузера, а если использовать паддинг, то он позиционирует от окна браузера, т.е. если начать изменять размер браузера, логотип будет смещаться и получится бред! Жду еще предложений.
CbIHoK, ты не совсем верно понимаешь, флоат не обязателен для маргин, прост опаддинг внутренний отступ а маргин внешний. так что либо добавляй снаружи блок и позиционируй или внутрь.
CbIHoK, ты не совсем верно понимаешь, флоат не обязателен для маргин, прост опаддинг внутренний отступ а маргин внешний. так что либо добавляй снаружи блок и позиционируй или внутрь.
Liiion911, то есть, ты предлагаешь засунуть логотип еще в один див и его сдвигать или что? UPD:Liiion911, стоп, а можно так, добавить логотип в еще один див, для этого дива добавить ширину в 100% и в процентах, с помощью паддинга сверстать отступы с двух сторон?
Сообщение отредактировал CbIHoK - Четверг, 16.08.2012, 11:03:58
Liiion911, то есть, ты предлагаешь засунуть логотип еще в один див и его сдвигать или что? UPD:Liiion911, стоп, а можно так, добавить логотип в еще один див, для этого дива добавить ширину в 100% и в процентах, с помощью паддинга сверстать отступы с двух сторон?
Покормить админа
