Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Фиксированный размер div блока (https://javascript.ru/forum/dom-window/21994-fiksirovannyjj-razmer-div-bloka.html)

ksa 07.10.2011 14:40

Цитата:

Сообщение от Seva1986
Вы про семантическую вёрстку слышали?

Нет конечно... Куда мне...

Цитата:

Сообщение от Seva1986
Вам нужно срочно сказать разработчикам html 5 о ненадобности семантических тегов пока они не приняли стандарт!

Я сразу в ООН напишу... :lol:

Seva1986 07.10.2011 14:42

Цитата:

Сообщение от Kolyaj (Сообщение 130164)
Все уже этим благополучно переболели и забыли, равно как и валидаторами. Ибо не имеет практического смысла.

согласн пока он незначителен! Но что будут в преспекткиве это вопрос!

И лично у меня особых проблем верстать семантично не вызывает, тем более валидно...

Seva1986 07.10.2011 14:45

ksa,


Дело Ваше как Вам верстать...

ksa 07.10.2011 14:46

Цитата:

Сообщение от Seva1986
И лично у меня ...

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

Seva1986 07.10.2011 14:49

Цитата:

Сообщение от ksa (Сообщение 130169)
ну то что лично ты входишь в стоматологическую ассоциацию обшероссийскую это я уже понял. :lol:

Ну заходи в гости как мимо будешь проходить...

Ладно думаю стоит закончить потому что холивар начинается....

atoxaa 03.04.2014 05:09

блок 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>

BelkinV 03.04.2014 09:42

Никто не запрещает использовать 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.