- Поисковые системы
- Практика оптимизации
- Трафик для сайтов
- Монетизация сайтов
- Сайтостроение
- Социальный Маркетинг
- Общение профессионалов
- Биржа и продажа
- Финансовые объявления
- Работа на постоянной основе
- Сайты - покупка, продажа
- Соцсети: страницы, группы, приложения
- Сайты без доменов
- Трафик, тизерная и баннерная реклама
- Продажа, оценка, регистрация доменов
- Ссылки - обмен, покупка, продажа
- Программы и скрипты
- Размещение статей
- Инфопродукты
- Прочие цифровые товары
- Работа и услуги для вебмастера
- Оптимизация, продвижение и аудит
- Ведение рекламных кампаний
- Услуги в области SMM
- Программирование
- Администрирование серверов и сайтов
- Прокси, ВПН, анонимайзеры, IP
- Платное обучение, вебинары
- Регистрация в каталогах
- Копирайтинг, переводы
- Дизайн
- Usability: консультации и аудит
- Изготовление сайтов
- Наполнение сайтов
- Прочие услуги
- Не про работу
Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий
Нечто вроде галереи превьюх. Строим ряд элементов с float:left. Ширина элементов заранее известна. Количество в ряд не регламентирутеся — сколько влезет, столько и будет.
Вопрос: можно ли как-либо все это счастье выравнять по центру экрана, не занимаясь подсчетом его ширины?
все это дело кинуть в div и выровнять, или я не совсем понял...
Поняли правильно, но с ДИВом будет работать, только если элемены не_блочные. Кроме того, этот вариант не_будет работать, даже если не делать ссылки, например, блочными, но сделать их с флоатом.
Похожую задачу решал с блоком меню в <ul>. Который должен быть по центру расположен.
Сейчас найду пример, кину
HTML
CSS
.menu_ctl{
position: relative;
right: 50%;
float: right;
}
ul.menu{
position: relative;
right: -50%;
}
Родительский контейнер
position:relative
То есть получается, что ширина ul неизвестна, но он должен быть строго по центру. Работает...
AlikZP, спасибо за коммент, задачка со списками тоже интересная. Но в моем случае не поможет, т.к. выравнивается ряд...
если сделать все елементы с левым флоатом и если они одинаковой ширины и высоты, то получится.
Только правое поле будет разное при разных размерах браузера.
Имхо лучше через таблицу это решить
Да вот в том и дело, что при разном правом поле — это уже не центрирование... А через таблицу — не получится подгона под ширину браузера, т.к. количество столбцов должно быть заранее определено.
Да вот в том и дело, что при разном правом поле — это уже не центрирование... А через таблицу — не получится подгона под ширину браузера, т.к. количество столбцов должно быть заранее определено.
Если ширина элементов одинаковая, то можно выбрать приемлемое число колонок.
Иначе никак.
Когда-то маялся с такой же проблемой. В итоге решил не обращать внимания на правое поле. :)
margin: 0 auto; для img может помочь. Но без html-примера сложно угадать.
margin: 0 auto; для img может помочь. Но без html-примера сложно угадать.
Сейчас сделано вот так:
a.pre {position:relative; float:left; height:286px; margin:6px; text-decoration:none; font-size:12px;}span.pr {position:absolute; right:15px; top:10px;}
Если просто img, вообще никаких проблем нет с центрированием, просто в блок запихнуть нужно. А вот когда надписи поверх — эт уже интереснее.
Asar добавил 20.09.2010 в 22:41
Если ширина элементов одинаковая, то можно выбрать приемлемое число колонок.
Иначе никак.
Когда-то маялся с такой же проблемой. В итоге решил не обращать внимания на правое поле. :)
Да если таблицей делать, вообще никаких проблем, хоть одинаковые поля, хоть нет. А вот с расползающимися блоками — эт да, это интересно.