Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript

Помогите сверстать без таблицы

Обсуждение темы Помогите сверстать без таблицы в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; Прошу помощи, так у самой не получается... Вот макетик, тут на заднем фоне див шириной 100% и в него будут добавляться блоки равные ...


Закрытая тема
 
Опции темы
Старый 20.09.2008, 20:32   #1
Прошу помощи, так у самой не получается...
Вот макетик, тут на заднем фоне див шириной 100% и в него будут добавляться блоки равные по размеру (тут пример 3шт. но их может быть много). Как сделать чтоб блоки втеснялись в полосу, а не выпадали из нее? И еще проблема у меня с тем чтоб отцентрировать блок, который будет сверху (в даный момент использую position:fixed, но думаю как то правельней нужно сделать z-index'ом), фиксированной ширины...
Понимаю, что эт нудновато, но очень буду благодарна за помощь.
Наперед спасибо.
Изображения
Тип файла: gif pic1.gif (28.0 Кб, 21 просмотров)
 
Старый 20.09.2008, 20:32
Ссылки
Старый 20.09.2008, 20:52   #2
Втеснитьв одну полоску 3блока простая математика каждый блок шириной 33,(3)%.
Центрирование дива
position: absolute;
top:50%;
left:50%
 
Старый 20.09.2008, 21:34   #3
Ну перед тем как давать такие ответы, думаю можна и проверить что и как...
Как мне сделать так чтоб блоки как ячейки в таблице, разтягивались на свободное место, 33% оставляет пиксель...
Как можно использовать топ50% и лефт50% если это задает позицию верхнего левого угла? тоесть никак не по центру... а position: absolute то я опечаталась..
 
Старый 21.09.2008, 11:15   #4
Эх, лады. объясню я.
Ну левый див 33% float left
Правый див 33% float right
Центральный идёт последним и в нём не указываете не ширину ни float.
Ну если честно - он нудет не 33, а 34%, но я думаю смиритесь...


ну а центральный... Rembrandt правильно начал.

position: absolute;
left:50%

НО ещё

margin-left:-400px;

вот после этого он станет точно в центр
 
Старый 21.09.2008, 11:15
Закрытая тема


Опции темы


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Нужно сверстать макет bananarespublik Вакансии 3 28.08.2012 07:07
Как сверстать это? FoX HTML, CSS, JavaScript 5 24.08.2011 11:27
помогите с автовысотой таблицы yarcheg Библиотека 0 29.08.2007 15:57
Проблема с некоректным отображением таблицы в Opera. Пожалуйста, помогите разобраться Newdesigner HTML, CSS, JavaScript 0 25.11.2006 11:14
Помогите! Таблицы и php sidiakin Библиотека 2 20.09.2006 02:04


Текущее время: 03:22. Часовой пояс GMT +4.

Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Дизайнерский форум