Модераторы: Illuminaty

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Параметр все оставшееся место, средний блок из трех в строке 
:(
    Опции темы
NDenis
Дата 17.3.2008, 14:11 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 317
Регистрация: 14.12.2007

Репутация: 8
Всего: 8



bars80080,  smile верстки, где без применения отрицательных маргинов построить 3 дива в ряд, при этом средний занимал бы все пространство, кроме двух колонок. Я не встречал.
Если вам не сложно, конечно. smile 
PM MAIL   Вверх
bars80080
Дата 17.3.2008, 14:56 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315



NDenis, так вот же, я ж его и приводил
Код
<style type="text/css">
#f1 { float: left; width: 100px; border: solid 1px #00ff00; }    
#f2 { float: right; width: 100px; border: solid 1px #0000ff; }    
</style>
<div>
<div id="f1">f1 sdg s gaepog eaweop gwpoe epor wepwer wepr pweor</div>
<div id="f2">f2 wer wer gwerg wper pwerg w're por pwero we'g ewrg 'wergweg weg elg</div>
<div id="f3">f3 welkr wkllqwe q qlr lrg wevrmfmvw ewrg wegvewv  rgergrlg r grf slkdg klsdf
 s skjdf asdf kf dsfdasf sdf ksdflasf asklf aslkfd klsdfaksldfk sdk skd skldf ksfd k
  jsdfasjdf sdfsdfzsdj szkld skjf zkslfks fkzsdkf szk fzksf kzjkzsj zklssk </div>
</div>

или вы имеете ввиду именно второй блок? тогда
Код

<style type="text/css">
#f1 { float: left; width: 100px; border: solid 1px #00ff00; }    
#f2 { position: absolute; top: 0px; right: 0px; width: 100px; border: solid 1px #0000ff; }    
#f3 { margin-right: 100px; }
</style>
<div>
<div id="f1">f1 sdg s gaepog eaweop gwpoe epor wepwer wepr pweor</div>
<div id="f3">f3 welkr wkllqwe q qlr lrg wevrmfmvw ewrg wegvewv  rgergrlg r grf slkdg klsdf
 s skjdf asdf kf dsfdasf sdf ksdflasf asklf aslkfd klsdfaksldfk sdk skd skldf ksfd k
  jsdfasjdf sdfsdfzsdj szkld skjf zkslfks fkzsdkf szk fzksf kzjkzsj zklssk </div>
<div id="f2">f2 wer wer gwerg wper pwerg w're por pwero we'g ewrg 'wergweg weg elg</div>
</div>


Добавлено через 5 минут и 8 секунд
SelenIT, ну это видно навык вёрстки
вот представьте, вы верстаете стен газету и перед вами стоит вариант: сверстать по-школьному или как настоящую газету
по школьному - это как раз вёрстка слоями: накидал блоков, ну и что что некоторые друг на друга налазят, ПВА спасёт
настоящая же расчерчивается именно в таблицу, а дальше заполняется статьями

тут уже редактор решает, так и дизайнер, что представляет из себя сайт: брошюру, интерактивную архимашину или всё же традиционный и понятный вид документа, где как раз и распределяются блоки исключительно в табличном формате

в зависимоти от целей - тип вёрстки
PM MAIL WWW   Вверх
NDenis
Дата 17.3.2008, 15:03 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 317
Регистрация: 14.12.2007

Репутация: 8
Всего: 8



да, согласен, position:absolute; делает порой все наши капризы
но ИМХО, использование абсолютного позиционирования для построения колонок это таже ж***, что и отрицательных маргинов
лучше уж тогда таблицы и без балды
спорить на эту тему больше лень и так, кажется, зафлудились

Это сообщение отредактировал(а) NDenis - 17.3.2008, 15:11
PM MAIL   Вверх
Itsys
Дата 17.3.2008, 15:34 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Завсегдатай
Сообщений: 1338
Регистрация: 21.1.2008
Где: г. Москва

Репутация: 9
Всего: 34



Да я думаю, что от темы мы отклонились  smile 
 smile 
PM MAIL WWW Skype   Вверх
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.1029 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.