|
Компьютерный форум OSzone.net » Компьютеры + Интернет » Вебмастеру » блочная верстка часть 1 (DIV) |
|
блочная верстка часть 1 (DIV)
|
Ночной странник Сообщения: 4050 |
Профиль | Сайт | Отправить PM | Цитировать вот решил начать вереницу тем посвещенную блочной верстке...
для начала предлагаю обсудить седующий элемент верстки: нужно создать блок (извесна его высота и ширина) внутри него должно быть три блока встрочку левый и правый известной ширины, а тот который по середине должен занимать все оставшееся пространство... и есть очень большое желание сделать это без использования позиционирования! при использовании позиционирования это сделать просто... какие есть идеи??? |
|
------- Отправлено: 00:17, 06-06-2006 |
Новый участник Сообщения: 24
|
Профиль | Отправить PM | Цитировать Насколько я понял идея такая:
родительский слой(позиция фиксирована, заданы ширина, высота и т.д.) три вложенных слоя в ряд. правый и левый жестко ограничены по ширине центральный плавающий Старый метод, который применялся при табличной вестке: левый - width: Npx центральный - width: 100% правый - width: Mpx Все конечно замечательно, но время от времени выскальзывает глюка - левый и правый блоки сжимаются до 0, если не заполнены и до максимальной длины слова+отступ, если заполнены. Опять же старое такое решение, некрасивое, но рабочее. |
Отправлено: 01:48, 06-06-2006 | #2 |
Для отключения данного рекламного блока вам необходимо зарегистрироваться или войти с учетной записью социальной сети. Если же вы забыли свой пароль на форуме, то воспользуйтесь данной ссылкой для восстановления пароля. |
Ночной странник Сообщения: 4050
|
Профиль | Сайт | Отправить PM | Цитировать |
------- Отправлено: 10:55, 06-06-2006 | #3 |
Старожил Сообщения: 302
|
Профиль | Сайт | Отправить PM | Цитировать Vlad Drakula,
Как раз своевременно, потому как я сегодня думал поискать что-то на эту тему. Эксплорер виснет таки, приходтся его периодически переоткрывать. ;( Хочу структуру там где таблицы заменить дивами, а там где маленькие таблицы, ну так уже и оставить.. |
Отправлено: 13:27, 06-06-2006 | #4 |
Ночной странник Сообщения: 4050
|
Профиль | Сайт | Отправить PM | Цитировать GoDleSS
а как вы хотите заставить эти три блока стоять на одной линии??? |
|
------- Отправлено: 14:14, 06-06-2006 | #5 |
Старожил Сообщения: 302
|
Профиль | Сайт | Отправить PM | Цитировать Vlad Drakula,
Посмотри пожалуйста. Не могу понять почему див вылазит за пределы таблицы и не становится высотой в 5 пикс.
|
Отправлено: 16:11, 06-06-2006 | #6 |
Ночной странник Сообщения: 4050
|
Профиль | Сайт | Отправить PM | Цитировать benya
а в каком броузере вылазит? наверное в FF ? |
------- Отправлено: 16:16, 06-06-2006 | #7 |
Старожил Сообщения: 302
|
Профиль | Сайт | Отправить PM | Цитировать Vlad Drakula,
В ie 6.0 не становится див (как я писал выше) 5 пикселями по высоте и при 100% ширине вылазит за край таблицы и перегораживает его (край). А в firefox по высоте нормально, а вот опять по ширине тоже видно что ближе к правому краю чем к левому. Хотя при 100% вроде отступ должен быть одинаков что слева что справа. |
Отправлено: 16:31, 06-06-2006 | #8 |
Ночной странник Сообщения: 4050
|
Профиль | Сайт | Отправить PM | Цитировать benya
у меня IE6.0 c SP2 все отображается нормально! |
------- Отправлено: 16:36, 06-06-2006 | #9 |
Старожил Сообщения: 302
|
Профиль | Сайт | Отправить PM | Цитировать Vlad Drakula,
У меня то, что идет по умолчанию с winxp sp1 pro. И отображается неправльно. |
Отправлено: 16:42, 06-06-2006 | #10 |
Участник сейчас на форуме | Участник вне форума | Автор темы | Сообщение прикреплено |
| |||||
Название темы | Автор | Информация о форуме | Ответов | Последнее сообщение | |
Верстка DIV'ами (разлазится в IE6) | darksmoke | Вебмастеру | 5 | 27-12-2009 13:54 | |
[решено] Верстка слоями (Div) | Bullet-Avalon | Вебмастеру | 5 | 28-11-2008 09:49 | |
Как прижать footer-image ( верстка <DIV> XHTML/CSS ) ? | stalingrad432006 | Вебмастеру | 6 | 04-11-2008 16:57 | |
блочная верстка часть хз кк | Вебмастеру | 5 | 23-08-2006 18:05 | ||
блочная верстка часть 2 (DIV) | Vlad Drakula | Вебмастеру | 3 | 08-07-2006 13:26 |
|