Имя пользователя:
Пароль:  
Помощь | Регистрация | Забыли пароль?  | Правила  

Компьютерный форум OSzone.net » Компьютеры + Интернет » Вебмастеру » блочная верстка часть 1 (DIV)

Ответить
Настройки темы
блочная верстка часть 1 (DIV)

Ночной странник


Contributor


Сообщения: 4050
Благодарности: 83


Конфигурация

Профиль | Сайт | Отправить PM | Цитировать


вот решил начать вереницу тем посвещенную блочной верстке...

для начала предлагаю обсудить седующий элемент верстки:

нужно создать блок (извесна его высота и ширина) внутри него должно быть три блока встрочку левый и правый известной ширины, а тот который по середине должен занимать все оставшееся пространство...

и есть очень большое желание сделать это без использования позиционирования!
при использовании позиционирования это сделать просто...

какие есть идеи???

-------
можно практически все, но просто мы это еще не знаем.
главный враг програмиста это копипастинг
За хорошее сообщение не забываем нажимать ссылочку "Полезное сообщение"!


Отправлено: 00:17, 06-06-2006

 

Новый участник


Сообщения: 24
Благодарности: 1

Профиль | Отправить PM | Цитировать


Насколько я понял идея такая:

родительский слой(позиция фиксирована, заданы ширина, высота и т.д.)
три вложенных слоя в ряд.
правый и левый жестко ограничены по ширине
центральный плавающий

Старый метод, который применялся при табличной вестке:
левый - width: Npx
центральный - width: 100%
правый - width: Mpx

Все конечно замечательно, но время от времени выскальзывает глюка - левый и правый блоки сжимаются до 0, если не заполнены и до максимальной длины слова+отступ, если заполнены.
Опять же старое такое решение, некрасивое, но рабочее.
Код: Выделить весь код
<div width="100" title="left-block"><img src="" width="100" height="0"></div>

Отправлено: 01:48, 06-06-2006 | #2



Для отключения данного рекламного блока вам необходимо зарегистрироваться или войти с учетной записью социальной сети.

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


Ночной странник


Contributor


Сообщения: 4050
Благодарности: 83

Профиль | Сайт | Отправить PM | Цитировать


GoDleSS

к вопросу о распорках: http://forum.oszone.net/thread-61904.html

-------
можно практически все, но просто мы это еще не знаем.
главный враг програмиста это копипастинг
За хорошее сообщение не забываем нажимать ссылочку "Полезное сообщение"!


Отправлено: 10:55, 06-06-2006 | #3


Аватара для benya

Старожил


Сообщения: 302
Благодарности: 5

Профиль | Сайт | Отправить PM | Цитировать


Vlad Drakula,
Как раз своевременно, потому как я сегодня думал поискать что-то на эту тему. Эксплорер виснет таки, приходтся его периодически переоткрывать. ;( Хочу структуру там где таблицы заменить дивами, а там где маленькие таблицы, ну так уже и оставить..

Отправлено: 13:27, 06-06-2006 | #4


Ночной странник


Contributor


Сообщения: 4050
Благодарности: 83

Профиль | Сайт | Отправить PM | Цитировать


GoDleSS
а как вы хотите заставить эти три блока стоять на одной линии???

-------
можно практически все, но просто мы это еще не знаем.
главный враг програмиста это копипастинг
За хорошее сообщение не забываем нажимать ссылочку "Полезное сообщение"!


Отправлено: 14:14, 06-06-2006 | #5


Аватара для benya

Старожил


Сообщения: 302
Благодарности: 5

Профиль | Сайт | Отправить PM | Цитировать


Vlad Drakula,
Посмотри пожалуйста. Не могу понять почему див вылазит за пределы таблицы и не становится высотой в 5 пикс.
HTML код: Выделить весь код
<table width="100" border="0" cellspacing="2" cellpadding="0" style="border:#000000 1px solid"> <tr> <td><div style="border:#333333 1px solid; height: 5px; width:100%; background-color: #006666;"></div></td> </tr> </table>


Отправлено: 16:11, 06-06-2006 | #6


Ночной странник


Contributor


Сообщения: 4050
Благодарности: 83

Профиль | Сайт | Отправить PM | Цитировать


benya
а в каком броузере вылазит? наверное в FF ?

-------
можно практически все, но просто мы это еще не знаем.
главный враг програмиста это копипастинг
За хорошее сообщение не забываем нажимать ссылочку "Полезное сообщение"!


Отправлено: 16:16, 06-06-2006 | #7


Аватара для benya

Старожил


Сообщения: 302
Благодарности: 5

Профиль | Сайт | Отправить PM | Цитировать


Vlad Drakula,
В ie 6.0 не становится див (как я писал выше) 5 пикселями по высоте и при 100% ширине вылазит за край таблицы и перегораживает его (край). А в firefox по высоте нормально, а вот опять по ширине тоже видно что ближе к правому краю чем к левому. Хотя при 100% вроде отступ должен быть одинаков что слева что справа.

Отправлено: 16:31, 06-06-2006 | #8


Ночной странник


Contributor


Сообщения: 4050
Благодарности: 83

Профиль | Сайт | Отправить PM | Цитировать


benya
у меня IE6.0 c SP2 все отображается нормально!

-------
можно практически все, но просто мы это еще не знаем.
главный враг програмиста это копипастинг
За хорошее сообщение не забываем нажимать ссылочку "Полезное сообщение"!


Отправлено: 16:36, 06-06-2006 | #9


Аватара для benya

Старожил


Сообщения: 302
Благодарности: 5

Профиль | Сайт | Отправить PM | Цитировать


Vlad Drakula,
У меня то, что идет по умолчанию с winxp sp1 pro. И отображается неправльно.

Отправлено: 16:42, 06-06-2006 | #10



Компьютерный форум OSzone.net » Компьютеры + Интернет » Вебмастеру » блочная верстка часть 1 (DIV)

Участник сейчас на форуме Участник сейчас на форуме Участник вне форума Участник вне форума Автор темы Автор темы Шапка темы Сообщение прикреплено

Похожие темы
Название темы Автор Информация о форуме Ответов Последнее сообщение
Верстка 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
блочная верстка часть хз кк E-mail Вебмастеру 5 23-08-2006 18:05
блочная верстка часть 2 (DIV) Vlad Drakula Вебмастеру 3 08-07-2006 13:26




 
Переход