Вёрстка тянущегося дизайна - проблема

W
На сайте с 22.05.2013
Offline
17
571

Никак не могу осилить такую вёрстку, тянется всё криво. Есть несколько блоков, которые должны тянуться в зависимости от ширины браузера, но они ведут себя странно, плюс ко всему какие-то пустоты образуются, а в Опере и Хроме вообще по разному отображается...

Прикрепляю наглядный пример в архиве, там 3 файла, две картинки и html-страница. Зелёные блоки должны оставаться фиксированными, а жёлтые тянуться.

Помогите, пожалуйста, разобраться.

zip design.zip
D.iK.iJ
На сайте с 26.05.2013
Offline
225
#1

Есть такая штука - таблицы. Они всегда тянутся правильно :D

Ну и проще вам готовые макеты глянуть будет: http://htmlbook.ru/layout

Адаптивный дизайн в 2 строчки ( https://dikij.com/wm/adaptaciya-saytov.php ). + Принимаю заказы любой сложности ( https://searchengines.guru/ru/forum/926323 ). 💎 Еще я делаю классные кулоны с опалами ( https://mosaicopal.ru/ ).
Desesperada
На сайте с 11.10.2010
Offline
77
#2

ширину в процентах указываем и радуемся

а ещё хороший помощник, создаем скелет и на него уже дальнейшие действия

Создание/наполнение сайтов ICQ 7860919 Принимаю предзаказы на сателлиты/гс в индексе
Q8
На сайте с 02.08.2012
Offline
31
#3

У Вас верстка неверная.

Для ячеек с фиксированной шириной пропишите ее согласно требованиям (вместо "1%" и т.п.) и не указывайте единицы измерения, в html "px" не используются. Для резиновых ячеек ширину вообще не проставляйте.

Плюс в футере у Вас ячейки по ширине составляют 2% + 100% + 2%. Вся логика ломается.

С высотами не заморачивался, не хватило фантазии понять, что Вы задумали.

Гляньте вложение, в нем измененный файл без пустот по ширине

zip design.zip
W
На сайте с 22.05.2013
Offline
17
#4

q8888, не всё так просто, посмотрите, пожалуйста, пример прикреплённый...

gif primer.gif
Q8
На сайте с 02.08.2012
Offline
31
#5

Да, в Опере не посмотрел сразу.

Может дизайн покажете? Чтоб понятнее было, где что и как должно располагаться. От него уже отталкиваться. Мне не понятно, зачем вы картинки тянете. Вариант пустить их фоном не подойдет? А так с костылями намучаетесь.

И уж если верстать таблицами, я бы разбил шапку, тело и футер на отдельные таблицы. Попробуйте для эксперимента хотя бы шапку отделить. По ширине все должно ровно встать.

faustmax
На сайте с 01.01.2015
Offline
1
#6

Да, ничего вообще не понятно что вы хотите получить.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий