Цитата:
Цитата:
|
Цитата:
И лично у меня особых проблем верстать семантично не вызывает, тем более валидно... |
ksa,
Дело Ваше как Вам верстать... |
Цитата:
|
Цитата:
Ладно думаю стоит закончить потому что холивар начинается.... |
блок fix размер
ребят нужен скрипт блока наподобие этого но только сама суть в том что бы по ширине размер фиксированный и по высоте
<table align="center" border="1" cellpadding="1" cellspacing="1" style="height: 200px; width: 940px;"> <tbody> <tr> <td>контент</td> </tr> </tbody> </table> только он у меня height: 200px; все равно растягивает на большее в этом все у меня стоит бегущая строка информера (ucoz)<marquee style="width:940px" "height:10px;"; background:; padding:0px; border:0px solid 0; ; font-family:Arial, Helvetica, sans-serif; font-size:0px; font-weight:bold;"> $MYINF_23$ </marquee> в целом так <table align="center" border="1" cellpadding="1" cellspacing="1" style="height: 200px; width: 940px;"> <tbody> <tr> <td><marquee style="width:940px" "height:10px;"; background:; padding:0px; border:0px solid 0; ; font-family:Arial, Helvetica, sans-serif; font-size:0px; font-weight:bold;"> $MYINF_23$ </marquee></td> </tr> </tbody> </table> |
Никто не запрещает использовать display: table-cell у блоков.
На семантику это никак не влияет, и это так же блочная верстка. http://jsfiddle.net/Kb7RD/ #columns { display: table; width: 100%; border: 1px solid #333; } .column-1, .column-2, .column-3 { display: table-cell; height: 40px; border: 1px solid #f00; } .column-1 { width: 200px; } Либо через float, но понадобится дополнительная обёртка 2 и 3 блоку http://jsfiddle.net/2xE8r/ <div id="columns" class="clearfix"> <div class="column-1"></div> <div class="columns-2"> <div class="column-2"></div> <div class="column-3"></div> </div> </div> .clearfix:before, .clearfix:after { display: table; content: " "; } .clearfix:after { clear: both; } #columns { display: block; width: 100%; border: 1px solid #333; } .columns-2 { margin-left: 200px; } .column-1, .column-2, .column-3 { float: left; height: 40px; } .column-1 { width: 200px; background: #f00; } .column-2, .column-3 { width: 50%; } .column-2 { background: #ff0; } .column-3 { background: #0f0; } |
Часовой пояс GMT +3, время: 01:26. |