Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   Элементы по горизонтали без js (https://javascript.ru/forum/xhtml-html-css/36299-ehlementy-po-gorizontali-bez-js.html)

dmitry111 15.03.2013 00:47

Цитата:

Сообщение от devote
а что использование свойств display: table, table-row, table-cell и тд. не катит?

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

Nanto 15.03.2013 01:01

у таблиц есть дофига недостатков и в каждом конкретном случае они разные.
но в целом по 2 причинам:
1) <!--[if lte IE 7]>
2) несколько бредовая затея по смыслу - эмулировать таблицу через стили. проще уж тогда в HTML её и забабахать, хотя бы ослы станут поддерживать.

Nanto 15.03.2013 01:10

Цитата:

Сообщение от dmitry111 (Сообщение 240823)
блочным? :blink:

http://www.codenet.ru/webmast/css2/visuren.php#q24
пункт 3.

Nanto 15.03.2013 01:14

Цитата:

Сообщение от dmitry111 (Сообщение 240823)
у меня твои примеры не сработали (может я их не правильно написал).. Выложи готовый рабочий код на основе моего примера

Конечно не сработали, я же только указал свойства КОНКРЕТНО для выстраивания по горизонтали.

dmitry111 15.03.2013 02:01

Цитата:

Сообщение от Nanto
http://www.codenet.ru/webmast/css2/visuren.php#q24
пункт 3.

странно у меня не делает:

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>float</title>
  <style>
   #layer {
    background: #fd0; /* Цвет фона */
    border: 1px solid black; /* Параметры рамки */
    padding: 10px; /* Поля вокруг текста */
    margin-right: 20px; /* Отступ справа */
    
   }
  </style>
 </head> 
 <body> 
   <div id="layer" style="display: inline; float: left; width: 100px;">
   Кликни на меня, чтобы узнать мой display и float!
  </div>
  <div>
   Duis autem dolor in hendrerit in vulputate velit esse molestie consequat, vel 
   illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio 
   dignissim qui blandit praesent luptatum zzril delenit au gue duis dolore te 
   feugat nulla facilisi.
  </div>
   <script>
     document.getElementById("layer").onclick = function () {
       alert("display: " + this.style.display + ", float:" + this.style.float);
     };
   </script>
 </body>
</html>


float это float, а display это display

Deff 15.03.2013 02:35

Цитата:

Сообщение от dmitry111
у таблицы есть один серьезный недостаток - она не может иметь динамическую ширину выходящую за пределы элемента контейнера

пост 13
http://javascript.ru/forum/misc/3583...tml#post236904 не подходит ?

dmitry111 15.03.2013 04:10

Цитата:

Сообщение от Deff
Вопрос с выводом данных в горизонтальной верстке не подходит ?

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

Deff 15.03.2013 05:50

dmitry111,
в посте 13 - нету таблицы, другое дело, что контейнер авторасширяется только до края окна, далее просто элементы стоят из-за float в единой строке,

danik.js 15.03.2013 08:19

Цитата:

Сообщение от devote
а что использование свойств display: table, table-row, table-cell и тд. не катит?

У ячеек таблиц можно выставить только желаемую ширину, и она не гарантируется. Если ячейку есть куда ужать, чтобы таблица в лезла в контейнер - ячейка будет ужата. То есть потребуются дивы-распорки. В итоге слишком костыльно и некроссбраузерно получится.

devote 15.03.2013 10:11

Цитата:

Сообщение от dmitry111
float:" + this.style.float);

this.style.cssFloat

Цитата:

Сообщение от danik.js
В итоге слишком костыльно и некроссбраузерно получится.

не кроссбраузерно где? IE7 - only? пора уже забыть этот браузер


Часовой пояс GMT +3, время: 14:42.