-
Здравствуйте. Есть макет (см скрепку) состоящий из 3 блоков. Все блоки фиксированный и находятся в центре по горизонтали. По вертикали относительно серого фона расположен по центру.
Вопрос с футером.
Надпись footer должна быть всегда по центру относительно центрального блока при любом разрешении.Надпись © Copyright должна быть по правому краю относительно правого блока при любом разрешении.
Как сделать так чтобы эти надписи зависили от блоков?
Насколько правильно это будет выглядеть или вообще будет ли выглядеть так если это реализовать через <dl>?
Заранее спасибо.
-
Цитата:
Originally posted by fenixnt@Nov 28 2007, 22:15
Вопрос с футером. Надпись footer должна быть всегда по центру относительно центрального блока при любом разрешении.
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
[/quote]
Ну так и сделайте ее по-центру. В чем вопрос-то?)
Код:
p {text-align: center;}
вам знакомо?
Цитата:
Originally posted by fenixnt@Nov 28 2007, 22:15
Надпись © Copyright должна быть по правому краю относительно правого блока при любом разрешении.
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
[/quote]
Еще один параграф, только спозиционированный абсолютно.
Код:
p {text-align: right; width: 1000px; margin-left: -500px; position: absolute; left: 50%;}
Ширина этого параграфа, конечно же, должна равняться суммарной ширине трех ваших фиксированных колонок.
Цитата:
Originally posted by fenixnt@Nov 28 2007, 22:15
Как сделать так чтобы эти надписи зависили от блоков?
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
[/quote]
Никак. В первую очередь по той простой причине, что это совершенно никому не нужно. Все будет выровнено и без каких-либо «зависимостей»...
Цитата:
Originally posted by fenixnt@Nov 28 2007, 22:15
Насколько правильно это будет выглядеть или вообще будет ли выглядеть так если это реализовать через <dl>?
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
[/quote]
Э... А где вы там список определений увидели?
P.S.
Я вот одного до сих пор не могу понять... Почему порой вообще приходится объяснять, что абзац текста – это абзац текста. Список – это список. Заголовок – это заголовок. Таблица – это таблица. Цитата – это цитата... Неужели это так сложно для понимания? Почему все то и дело норовят представить список – таблицей, заголовок – абзацем, а цитату, например, вообще никак не оформляют... Это же нелогично. Я бы даже сказал, противоестественно. Тем не менее...
-
каким лучше методом в данном примере подвал прибить к низу?
-
Цитата:
Originally posted by Xylitolq@Nov 29 2007, 15:16
каким лучше методом* в данном примере подвал прибить к низу?
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
[/quote]
Любым известным. Пользуйтесь поиском.
-
Цитата:
Originally posted by Aykroyd@Nov 29 2007, 02:27
Ну так и сделайте ее по-центру. В чем вопрос-то?)
Код:
p {text-align: center;}
вам знакомо?
Еще один параграф, только спозиционированный абсолютно.
Код:
p {text-align: right; width: 1000px; margin-left: -500px; position: absolute; left: 50%;}
Ширина этого параграфа, конечно же, должна равняться суммарной ширине трех ваших фиксированных колонок.
Никак. В первую очередь по той простой причине, что это совершенно никому не нужно. Все будет выровнено и без каких-либо «зависимостей»...
Э... А где вы там список определений увидели?
P.S.
Я вот одного до сих пор не могу понять... Почему порой вообще приходится объяснять, что абзац текста – это абзац текста. Список – это список. Заголовок – это заголовок. Таблица – это таблица. Цитата – это цитата... Неужели это так сложно для понимания? Почему все то и дело норовят представить список – таблицей, заголовок – абзацем, а цитату, например, вообще никак не оформляют... Это же нелогично. Я бы даже сказал, противоестественно. Тем не менее...
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]</div>
Спасибо за помощь. Что то я немного начал путатся со своими макетами. Честно говоря насчет параграфа ничего в голову не приходило все в голову полезли списки определений. Хотел сделать так. К примеру правй блок белый dt, а футер dd общий - dl, а для dd назначить выравнивание текста по правому краю ну и отступы дать. Тоже самое с центральным блоком. Сейчас все стало на свои места. Когда и что использовать.
-
Цитата:
Originally posted by Xylitolq@Nov 29 2007, 15:16
каким лучше методом* в данном примере подвал прибить к низу?
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
[/quote]
Я, например, сделал абсолютное позиционирование для футера и назначил нулевое значение для right и bottom. Ну и конечно хак для ie.
-
Цитата:
Originally posted by fenixnt@Nov 29 2007, 16:56
Я, например, сделал абсолютное позиционирование для футера и назначил нулевое значение для right и bottom. Ну и конечно хак для ie.
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
[/quote]
что за хак?
-
* html body {height: 100%;}
или
* html #footer {bottom: -1px;}
Одно из двух, по всей видимости... А может быть даже оба сразу... :crazy:
-
Цитата:
Originally posted by Xylitolq@Dec 24 2007, 16:01
что за хак?
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
[/quote]
Уважаемый Aykroyd, прав, прибил футер к нижней части страницы, везде отображалось нормально, но ie как всегда со своими "сюрпризами". Пришлось на один пиксель спустить вниз, то есть * html #footer {bottom: -1px;}. Короче говоря одна нервотрёпка с ie.
-
Ничё-ничё) Где наша не пропадала) [Only registered and activated users can see links. Click Here To Register...]
