Табличная или div'ная верстка

1

tekton

25 декабря 2013, 10:02

#51

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

168

zomorg

25 декабря 2013, 20:34

#52

zomorg:

Сделал вывод для себя из темы. Сверстал блочно на каркасе из таблиц...

Перечитал тему и переверстал адаптивно от греха подальше.

Хотя на самом деле между таблицами и разметкой страниц разницы иной раз и нет. наверное хуже не будет сделать так.

218

DiAksID

25 декабря 2013, 21:17

#53

zomorg:
Перечитал тему и переверстал адаптивно от греха подальше...

таки просто дело в том, что табличная вёрстка и "настоящая адаптивность" при мало-мальски сложном дизе - понятия несовместимые. дивная даёт возможность 99% структуры взаимного размещения блоков задавать/изменять через CSS (что совершенно необходимо для адаптивности, есссесссно), табличная же жёстко прописывает скелет в исходном коде. вот и всё отличие (но колоссальное!) этих подходов, остальные доводы за/против - кретинизм и/или полное нубство...

show must go on !!!...

[Удален]

25 декабря 2013, 21:59

#54

самое плохое в табличной вёрстке - то, что когда-то страница на таблице рендерилась медленнее, чем на блоках. но, табличная была удобнее в случае вёрстки "резины" (в 2007 году). сейчас css предоставляют очень много возможностей, поэтому, лично я, не вижу смысла в таблицах, кроме как для вывода табличных данных

753

богоносец

25 декабря 2013, 23:00

#55

DiAksID:
табличная же жёстко прописывает скелет в исходном коде. вот и всё отличие (но колоссальное!) этих подходов,

Адаптивная таблица:

<html>

 <body>

  <style type="text/css">

	div	{	font: 90% Arial;	line-height:1.4;	 }

   @media screen and (min-width:801px)	{

	div {

		display: block;

		margin: 0.2em	}

	td {

		displayl: table-cell	}   }

   @media screen and (max-width:800px)	{

	div {

		display: inline;

		margin: 1em	}

	 td{

		display: inline ;

	    	float: left 	}   }

  </style>



  <table>

   <tr>

    <td> Сегодня, 01:59 </td>

    <td style="float: right" align="right">

	 #<a href="#" id="postcount12481676" name="55"><strong>55</strong></a>

    </td>

   </tr>

   <tr valign="top">

    <td>

	<div>  klaustrafob </div>

	<div>Аспирант</div>     <div> &nbsp;<br /><a href="member.php?u=54437"><img src="http://d16ehd6wpytnwf.cloudfront.net/customavatars/avatar54437_1.gif" width="75" height="75" alt="Аватар для klaustrafob" border="0" /></a> </div><div>Регистрация: 11.12.2007</div>   <div> Сообщений: 189 </div>  <div>Репутация: 9913</div></div><div></div>

    </td>

    <td>

	 <strong>Адаптивная таблица // 800px</strong> </div> <hr size="1" style="color:#000000" /> 

	<div>самое плохое в табличной вёрстке - то, что когда-то страница на таблице рендерилась медленнее, чем на блоках. но, табличная была удобнее в случае вёрстки &quot;резины&quot; (в 2007 году). сейчас css предоставляют очень много возможностей, поэтому, лично я, не вижу смысла в таблицах, кроме как для вывода табличных данных</div>

    </td> 

   </tr>

  </table>

 </body>

</html>

218

DiAksID

26 декабря 2013, 02:06

#56

богоносец:
Адаптивная таблица:...

и что? даже в таком примитивном примере использование хитропопостей типа td { display: ... } или td { float: ... } 🙅 доказывают, что табличная вёрстка и адаптивность несовместимы.

таким макаром можно в любом дизе вообще без кошерных "дивов" обойтись, переопределив display куче table, tr, td и т.д. только вёрстка от этого не станет "табличной"...

ЗЫ: ну и строго говоря это и не adaptive, а всего лишь responsive ;)

Зачем быть уникальным в мире, где все можно скопировать

В 2023 году 36,9% всех DDoS-атак пришлось на сферу финансов