Temiks

Таблица или блоками

  

4 members have voted

  1. 1. Чем?

    • Таблица
      1
    • Блок (div)
      3


Recommended Posts

Здравствуйте.

Нужен совет как лучше сделать, таблицей или блоками

s_1410883637_4424946_ad79af2775.jpg

--

Думаю сделать таблицей... :unsure:

Share this post


Link to post
Share on other sites

То, что тут три квадрата с по-разному скомпонованными внутри элементами помельче - случайность или закономерность дизайна?

Share this post


Link to post
Share on other sites

То, что тут три квадрата с по-разному скомпонованными внутри элементами помельче - случайность или закономерность дизайна?

Так сейчас модно :) Подозреваю, что при различных разрешениях вид должен меняться с 6х - 3х - 2х - 1х.

Ну и еще в тему - http://codepen.io/digsite_/pen/iCJLo

Так что не таблицей - 100% :)

Share this post


Link to post
Share on other sites

Спасибо. Воспользовался вашим советом, вот только что-то пошло не так и получилось следующие:

s_1410888733_6308978_89435e7ce0.png

--

Как можно исправить? :unsure:

Код можно посмотреть тут (тестовая страница)

 

То, что тут три квадрата с по-разному скомпонованными внутри элементами помельче - случайность или закономерность дизайна?

Нет, не случайность. :)

 

UPD: не совсем корректно исправил JS код, теперь все работает, спасибо! :yahoo:

Edited by Temiks

Share this post


Link to post
Share on other sites
Тогда лично я бы взял эти квадраты за основную структурную единицу, а дальше по-простому "в лоб", как-то так... :)

Тоже подумывал об таких методах в блочной верстке :)

 

Немного потестил страницу и нашел два бага:
1. В Firefox'e если заходить на страницу без кэша то получается вот это:
s_1410891157_7170817_dcf7e2bae6.png

Если же перезагрузить страницу или же потянуть за край браузера - приходит в нормальное состояние, во всю ширину экрана

В Хроме все хорошо.

Как можно исправить?

2. Есть вот такие пробелы при определенной ширине окна: (это из-за неправильного округления процентов?)

s_1410891158_9150040_eb6db37287.png

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Member Statistics

    46,340
    Total Members
    3,128
    Most Online
    Someone
    Newest Member
    Someone
    Joined
  • Recently Browsing   0 members

    No registered users viewing this page.