Jump to content
  • 0

<div>-ы и всё, что м ними связано....


DjTarik
 Share

Question

Вопрос такой:

1) В дивах не работают параметры CSS:

- vertical-align: ;

- text-align: ;

так и должно быть? O_o

(просто при табличной вёрстке не могу в диве разместить текст по центру)

Может эт от того, что в CSS использую *{margin:0; padding:0; border:0}?

2) Как с помощью дивов верстать такие элементы:

da811dbddfa0.gifcc0ab1edad61.gifaa5836b348d6.gif

С таблицами - всё просто... Таблица - 100%. Три ячейки - левая и правая - фиксированы... Центр - растягивается...

А как быть с дивами? (без абсолютного позиционирования?) Или это невозможно?

P.S. И ещё тут же - если в такую таблицу всунуть картинку - то при изменении размера экрана (например при уменьшении) - остаётся только центральная картинка, а боковые ячейки разъезжаются...

3) Если у дива не указать ширину - он буде на весь экран - или только по содержимому?

Link to comment
Share on other sites

7 answers to this question

Recommended Posts

  • 0

А как мне "зафиксировать" данные в такой таблице:

<table class="right_button">
<tr>
<td class="right_button_bg_left"></td>
<td class="right_button_bg_center" align="center"><a href="#" class="none"><img src="images/button_ico_1.gif" alt="Заказать сайт на Drupal" title="Заказать сайт на Drupal" id="button_img_1"></a></td>
<td class="right_button_bg_right"></td>
</tr>
</table>

Т.е. выглядит она вот так:

3f5a9e74c881.gif

P.S. Правая и левая ячейки имеют фиксированную ширину и картинки background-image... Центральная часть - расширяется на всё длину таблицы...

Вопрос в том, что если в центральную часть всунуть такой рисунок:

3b075f3ab575.gif

- получается, что при изменении размера экрана - левая и правая ячейки просто исчезают - а на их место становиться рисунок - и появляется полоса прокрутки...

Как вариант - пробовал поставить текст в эти ячейки - всё работает... (но нужно без текста)

Если вписать "неразрывный пробел" - не работает...

Хороший вариант - к ячейкам добавить nowrap - но тогда валидатор выдаёт ошибку... (а через стили - не получается...)

————————————-

1) Помогите найти решение данной проблемы.

2) И скажите, почему валидатор не принимает "nowrap"?

Доктайп - строгий...

Link to comment
Share on other sites

  • 0

Со всеми вопросами разобрался... Спасибо... Но есть одно "НО"

Чтобы таблицы не "съедались" центральной частью - использую nowrap... Именно в HTML а не в CSS... (не знаю почему, но артибут nowrap не работает с ячейками таблиц через стили)... Но суть вопроса не в этом.... У мення стоит строгий доктайп.... И он ругается, когда видит nowrap.... Что можно с этим сделать?

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy