Master-X
Форум | Новости | Статьи
Главная » Форум » Программинг, Скрипты, Софт, Сервисы » 
Тема: Проблема с центровкой div
цитата
24/10/07 в 12:27
 Denis-PL
Подскажите кто может. Необходимо разместить по центру окна браузера блочный элемент не имеющий определенной ширины.
цитата
24/10/07 в 12:37
 tasteart
<center></center>
icon_smile.gif
цитата
24/10/07 в 12:45
 Denis-PL
да нет это не помогает, это все работает когда задана ширина блока, а когда ее нет, то он занимает все допустимое пространство, единственный выход чтобы это предотвратить - поставить float: left или right, но сами понимаете с этим не о какой центровке не может быть и речи.
цитата
24/10/07 в 12:51
 Vigo
непонятно для чего это надо.что то я даже представить не могу где это необходимо использовать
цитата
24/10/07 в 12:56
 Denis-PL
Ну вот пришел момент, когда надо использовать. Сам уже давно верстаю, но тут просто ничего поделать немогу, проект стал из-за этого. Там много графики и меню в ней (горизонтальное) и надо все по центру разместить, а заказчик просит без фиксированной ширины, чтоб пункты меню можно было менять, добовлять и тд., и при этом графика в нем должна разъезжаться, но все в совокупности должно центироваться. Вот такая задача.
цитата
24/10/07 в 13:17
 Alexandur
margin: auto;
цитата
24/10/07 в 13:22
 Denis-PL
gimcnuk писал:
margin: auto;


неработает, для этого тоже надо ширину icon_mad.gif
цитата
24/10/07 в 13:34
 Alexandur
у меня врде без ширины работает.
а вообще, смотри oswd.org куча примеров, есть flexible
цитата
24/10/07 в 15:28
 ostrovSKY
gimcnuk писал:
margin: auto;


правильно, но я привык использовать margin: 0 auto;
полная запись - margin: 0 auto 0 auto;
очередность цифр начиная с верхнего отступа и по часовой стрелке, т.е. margin: 1px 2px 3px 4px;
1px - верхний
2px - правый
3px - нижний
4px - левый.

Denis-PL: Странно не знать такого и предлагать услуги по верстве сайтов.
цитата
24/10/07 в 15:48
 Yoni
ostrovSKY:

Любой специалист рано или поздно сталкивается с ситуацией, которая требует дополнительных знаний, которых может в силу обстоятельств не быть.

В твоих работах тоже есть косяки, на которые я могу обратить внимание.

Ничего личного. Просто я не люблю такое отношение к другим людям, особенно к тем, которые работаю с тобой в одной сфере.
цитата
24/10/07 в 15:55
 ostrovSKY
Yoni писал:
ostrovSKY:
В твоих работах тоже есть косяки, на которые я могу обратить внимание.

Ничего личного. Просто я не люблю такое отношение к другим людям, особенно к тем, которые работаю с тобой в одной сфере.


Я с удовольствием выслушаю замечания о своих косяках, а если ты сталкивался с версткой дивами, то такие вопросы как задал топикстартер, уже разжованы много раз и в многих местах. Даже элементарно посмотреть чужие коды.

О своей верстке я вообще промолчу, она у меня никогда не шла как средство заработка, а просто как дополнительная возможность для клиента и даже в этому случае, немного более глубоко знаком с ней.
цитата
24/10/07 в 16:27
 Core
читал код примеров для SimplePie и встретил прикольный комментарий. Перед использование тега <table> автор пишет - да ребята, я знаю, что это не круто, но даже такой ярый приверженец безтабличной верстки как я не смог отцентровать див без таблицы. Делай выводы icon_smile.gif
цитата
24/10/07 в 16:53
 Dim82
а сделать блок в блоке:
<div style='width:100%; text-align:center'>
<div style='width:n%; text-align:center'>
menu
</div>
</div>
цитата
24/10/07 в 17:52
 ostrovSKY
Core писал:
Делай выводы icon_smile.gif


Выводы я сделал, и остаюсь при своем мнении. Полагаю, что этот довод не есть показатель, когда решение для меня столь явно и много раз было использовано. Меня больше бесят высказывания "защитников", в стиле Yoni. Я не говорю, что в работе топикстартера есть косяки (кстати Yoni с удовольствием выслушаю коментарии о моих косяках, раз уж повел за это речь), я говорю о том, что мне качется странным незнание таких моментов и их использования, когда человек ставит себя как дивный верстальщик (дивный в смысле верстает блоками). И ни в коем разе я не претендую на его круг заказчиков, потому как сам с удовольствием делаю заказы на верстку у сторонних кодеров, в то время как сам привык заниматься графической частью.
цитата
24/10/07 в 18:22
 Yoni
ostrovSKY писал:
Выводы я сделал, и остаюсь при своем мнении. Полагаю, что этот довод не есть показатель, когда решение для меня столь явно и много раз было использовано. Меня больше бесят высказывания "защитников", в стиле Yoni. Я не говорю, что в работе топикстартера есть косяки (кстати Yoni с удовольствием выслушаю коментарии о моих косяках, раз уж повел за это речь), я говорю о том, что мне качется странным незнание таких моментов и их использования, когда человек ставит себя как дивный верстальщик (дивный в смысле верстает блоками). И ни в коем разе я не претендую на его круг заказчиков, потому как сам с удовольствием делаю заказы на верстку у сторонних кодеров, в то время как сам привык заниматься графической частью.


Если ты не понял, что я обратил твое внимание на этическую сторону вопроса, то ничем помочь не могу. Если тебе льстит тот факт, что для тебя какие-то моменты верстки - это основы, то потешь свое самолюбие молча, и просто помоги человеку, тем более, как ты говоришь, верстка не твой хлеб.

Срача по поводу косяков в этом топике я разводить не буду.
цитата
24/10/07 в 18:48
 Joseph
Понты эти ваши дивы. Таблицы рулят. Кроссброузерная верстка и отсутсвие километрового цсс файла с хаками и хуяками.
цитата
24/10/07 в 19:29
 ostrovSKY
Yoni писал:
Если ты не понял, что я обратил твое внимание на этическую сторону вопроса, то ничем помочь не могу. Если тебе льстит тот факт, что для тебя какие-то моменты верстки - это основы, то потешь свое самолюбие молча, и просто помоги человеку, тем более, как ты говоришь, верстка не твой хлеб.


Читай мое сообщение целиком, думаю я там достаточно понятно открыл свои знания по данному вопросу.

Yoni писал:
Срача по поводу косяков в этом топике я разводить не буду.


С удовольствием поболтаю в icq. И с моей стороны это не как призыв к срачу, а как готовность выслушать замечания по ошибкам и в дальнейшем не допускать их. Но что-то мне подсказывает, что ты не стукнешся icon_smile.gif
цитата
24/10/07 в 19:39
 Yoni
Правильно оно тебе подсказывает. Желания с тобой общаться у меня нет.
цитата
24/10/07 в 19:53
 ostrovSKY
Yoni писал:
ostrovSKY:
В твоих работах тоже есть косяки, на которые я могу обратить внимание.


На словах все молодцы. А на деле... Удачи в бизнесе.

Топикстартер:
Дэйв Ши, Хольцшлаг. Философия CSS-дизайна.
_http://www.postroika.ru/books/books5.html#2
Там много полезных трюков есть.
цитата
24/10/07 в 21:32
 Denis-PL
наверное я неправильно вопрос сформулировал. Я понял это из ответа DIM82. Его предложение:

<div style='width:100%; text-align:center'>
<div style='width:n%; text-align:center'>
menu
</div>
</div>

это не совсем то. Видете второй див (<div style='width:n%; text-align:center'> ), который 100% будет по центру имеет ширину, так вот у меня задача состоит в том что этой ширины нет! Т е этот див растянется на всю ширину своего контейнера, а мне нужно чтобы он оставался шириной необходимой для контента внутри него. Я думаю так понятней будет. Как поставить блок по центру с указанным width я могу множество способов назвать, а вот без него... Помогите если кто сталкивался. Может хак какой, или скрипт.
цитата
24/10/07 в 21:45
 Denis-PL
Отдельное спасибо ostrovSKY за ссылку - отличный ресурс, много полезного. хорошая шпоргалка.
цитата
24/10/07 в 22:03
 Stek
сорри что не по теме, но новый топик открывать тоже не очень.

Как можно обнулить стиль на какой то элемент ?
Т.е. скажем есть созданный дефолтом стиль на линк: a {...} , в нем и цвет и размер и фонт, т.е. на все линки присвоился.
Но вот на один линк нужен дефолт браузера, т.е. присваиваю линку класс .default , но что указать в классе, что бы сбросились все ранее поставленные установки ?
цитата
24/10/07 в 22:17
 Denis-PL
после того значения пишешь !important

Пример: a.zzz { float: none!important;}

оно должно зажечся красным.
цитата
24/10/07 в 22:45
 Dim82
Код:
<div style='width:100%; text-align:center; border: 1px solid #C0C0C0'>
<span style='width:auto; text-align:center; border: 1px solid #C0C0C0'>
menu 1
</span>
<span style='width:auto; text-align:center; border: 1px solid #C0C0C0'>
menu 2
</span>
<span style='width:auto; text-align:center; border: 1px solid #C0C0C0'>
menu 3
</span>
</div>
так надо?

Последний раз редактировалось: Dim82 (24/10/07 в 23:35), всего редактировалось 1 раз
цитата
24/10/07 в 22:56
 Denis-PL
Цитата:

В том то и дело что нет. Вот попробуй теперь для span присвоить display: block, убери в нем же text-align:center; (потомучто в нем будут элементы не по центру). Увидишь что я имею ввиду. тоесть этот спан станет блочным элементом, и вот тут начинаются проблемы.((

зы. Спасибо за отзывчивость
Стр. 1, 2  >  последняя »


Эта страница в полной версии