Почему один стиль таблицы переобпределяет другой?

[Vasler]

Почему такое происходит??

http://cssdeck.com/labs/oylyzxcb

Для каждого блока, содержащего таблицу, прописаны стили для этих таблиц, но почему то стиль для второй таблицы переопределяет стиль первой, хотя она даже не в том блоке! (у верхней шрифт должен выравниваться по центру, но выравнивается по левому блоку, согласно стилям для второй таблицы) Почему так получается?!

Edited February 26, 2014 by Vasler

[Xenia Wanger]

Зачем вы таблицу оборачиваете в див и диву задаете класс? Просто задайте класс таблице, и от этого уже отталкивайтесь. Незачем лишние вложенности делать.

http://cssdeck.com/labs/s50h2e7z

 

UPD: По сути, у второй таблицы незачем указывать бордеры, раз их нет вообще

Edited February 26, 2014 by Xenia Wanger

[Switch74]

у меня все нормально стили у первой таблицы отличаются от стилей второй

[Vasler]

Зачем вы таблицу оборачиваете в див и диву задаете класс? Просто задайте класс таблице, и от этого уже отталкивайтесь. Незачем лишние вложенности делать.

http://cssdeck.com/labs/s50h2e7z

 

UPD: По сути, у второй таблицы незачем указывать бордеры, раз их нет вообще

Я не оборачиваю конкретно таблицу, это просто блок с контентом, он должен быть, а в нем уже лежит таблица. Вообще даже если вот так http://cssdeck.com/labs/ikktxljp первый стиль прописан вообще для всех таблиц, а второй только для определенного класса, но он все равно влияет на первую таблицу (выравнивает текст влево), хотя у нее этого класса вовсе не прописано. Я не могу понять пересечение и связь, как такое получается!

Edited February 26, 2014 by Vasler

[Xenia Wanger]

 

Зачем вы таблицу оборачиваете в див и диву задаете класс? Просто задайте класс таблице, и от этого уже отталкивайтесь. Незачем лишние вложенности делать.

http://cssdeck.com/labs/s50h2e7z

 

UPD: По сути, у второй таблицы незачем указывать бордеры, раз их нет вообще

Я не оборачиваю конкретно таблицу, это просто блок с контентом, он должен быть, а в нем уже лежит таблица. Вообще даже если вот так http://cssdeck.com/labs/ikktxljp первый стиль прописан вообще для всех таблиц, а второй только для определенного класса, но он все равно влияет на первую таблицу (выравнивает текст влево), хотя у нее этого класса вовсе не прописано. Я не могу понять пересечение и связь, как такое получается!

 

 

Я наглядно показала, как правильно сделать. Зачем опять мудрите что-то?

[Vasler]

Xenia Wanger, да не получается так на практике! Ладно, а если вот так, смотрите, http://cssdeck.com/labs/o9tutic0 вроде все сделано как у вас да, стили прописаны для каждой таблицы, однако, почему текст выравнивается влево в обоих таблицах, а не только в нижней, как задано по стилю? Вы можете указать на зависимость? Ибо у меня уже в глазах от этих таблиц все плывет и я возможно не вижу очевидного?

[Xenia Wanger]

Xenia Wanger, да не получается так на практике! Ладно, а если вот так, смотрите, http://cssdeck.com/labs/o9tutic0 вроде все сделано как у вас да, стили прописаны для каждой таблицы, однако, почему текст выравнивается влево в обоих таблицах, а не только в нижней, как задано по стилю? Вы можете указать на зависимость? Ибо у меня уже в глазах от этих таблиц все плывет и я возможно не вижу очевидного?

 

уберите tbody в стилях

[Vasler]

Xenia Wanger, хорошо, это вроде бы решает мою тотальную проблему, я вас очень благодарю, большое спасибо! А не могли бы вы разъяснить, отчего стили tbody имеют такой приоритет? Всегда так получается, или моя конструкция была выстроена так криво? 

[Vasler]

Вобщем, сколько не читал, не могу понять логики поведения таблиц, это полностью бредовые элементы! Вот можете подсказать, почему тут рамка вообще отсутствует а таблица не растягивается по всей ширине, хотя стоит width: 100%?? http://cssdeck.com/labs/65jesmme

[Aleksandr.L]

Вобщем, сколько не читал, не могу понять логики поведения таблиц, это полностью бредовые элементы! Вот можете подсказать, почему тут рамка вообще отсутствует а таблица не растягивается по всей ширине, хотя стоит width: 100%?? http://cssdeck.com/labs/65jesmme

 Вы вообще видели селектор?

.rob table {  border: solid 1px #333;  width: 100%;}

Уберите table либо .rob. А то получается абра-кадабра.

 

Чтобы границы появились — нужно еще не забывать про тег <td>:

.rob, td {  border: 1px solid #333;}

Edited March 1, 2014 by Aleksandr.L

[Vasler]

Жесть. Никогда не работал с таблицами, жуткая штука оказалось для моего понимания

Aleksandr.L, спасибо за совет! Кончено, получилось. Так выходит, table в стилях можно вообще не указывать? И еще вопрос в догонку, как установить ширину ячеек, но что бы таблица также растягивалась на 100%?

Edited March 2, 2014 by Vasler

[Aleksandr.L]

И еще вопрос в догонку, как установить ширину ячеек, но что бы таблица также растягивалась на 100%?

 

Вы имеете ввиду чтобы все ячейки были одинаковой ширины, но таблица при этом растягивалась на 100%? 

[Vasler]

 

И еще вопрос в догонку, как установить ширину ячеек, но что бы таблица также растягивалась на 100%?

 

Вы имеете ввиду чтобы все ячейки были одинаковой ширины, но таблица при этом растягивалась на 100%? 

 

Да да, именно так

[Aleksandr.L]

Если сделать так: http://jsfiddle.net/WpyCH/ — таблица будет на всю ширину, но ячейки при уменьшении окна браузера будут сужаться.

[Sensei]

Лучше так http://jsfiddle.net/WpyCH/1/

[Vasler]

Ребята, так там ячейки растягиваются) Мне же надо что бы каждая ячейка была фиксированного размера, разъезжаться должно только расстояние между ними.

[Switch74]

тогда лучше сделать это или дивами или вложенными дивами в таблице

[Vasler]

тогда лучше сделать это или дивами или вложенными дивами в таблице

Возможно, но я просто думал что с таблицами это можно осуществить и без лишних изощрений. Но, выходит что нет?..

Edited March 4, 2014 by Vasler