|
Помогите сверстать без таблицыОбсуждение темы Помогите сверстать без таблицы в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; Прошу помощи, так у самой не получается... Вот макетик, тут на заднем фоне див шириной 100% и в него будут добавляться блоки равные ... |
|
Опции темы |
20.09.2008, 20:32 | #1 |
|
Прошу помощи, так у самой не получается...
Вот макетик, тут на заднем фоне див шириной 100% и в него будут добавляться блоки равные по размеру (тут пример 3шт. но их может быть много). Как сделать чтоб блоки втеснялись в полосу, а не выпадали из нее? И еще проблема у меня с тем чтоб отцентрировать блок, который будет сверху (в даный момент использую position:fixed, но думаю как то правельней нужно сделать z-index'ом), фиксированной ширины... Понимаю, что эт нудновато, но очень буду благодарна за помощь. Наперед спасибо. |
|
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; вот после этого он станет точно в центр |
|
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Нужно сверстать макет | 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 |
Реклама на форуме
Условия размещения рекламы
Биржа ссылок
Заработай на сайте!
|