Верстка под IE 6-8

Z
На сайте с 13.07.2007
Offline
98
780

Вопрос к спецам верстки, нужно сверстать с помощью CSS вертикальный текст, расположить его так, чтобы он читался снизу вверх.

Не работает в IE 6 -8 версиях. Вот пример кода.

<div id="text">Вертикальный текст посредством CSS</div>

<style type="text/css">

<!--

#text { /* Стиль текста */

-moz-transform: rotate(-90deg);

-webkit-transform: rotate(-90deg);

-o-transform: rotate(-90deg);

height: 580px;

width: 100px;

border: 2px solid #000;

margin: -235px 0 -235px 270px;

padding: 5px;

}

-->

</style>

<!--[if IE]>

<style type="text/css">

#text { /* Отдельные стили для IE */

writing-mode:bt-rl;

height: 100px;

width: 580px;

margin: 0;

}

</style><![endif]-->

Кто, что может сказать?

KK
На сайте с 25.07.2006
Offline
138
#1

Вот гляньте статейку http://www.xiper.net/collect/html-and-css-tricks/typographics/vertical-text.html

Вродеб все правильно делаете. Но там еще яваскрипт используется для определения версии браузера - может его не хватает. Хотя по идее должно все работать. Там демо есть - можно проверить. Если у вас работает, то переделать под себя.

Ayavryk
На сайте с 11.10.2003
Offline
209
#2

> чтобы он читался снизу вверх...

текст снизу вверх читаться не будет :)

Тынгыр, мынгыр, комсомол (http://erum.ru). Ехари, ехари, (жалобно) аяврик. /народная тунгусская песня/
DiAksID
На сайте с 02.08.2008
Offline
236
#3

есть jQuery плагин, который конструкцию типа


<p class="...">ABC</p>

преобразует во что то типа


<p clas="...">
<span class="...-0">A</span>
<span class="...-1">B</span>
<span class="...-2">C</span>
</p>

а уж как эти span-ы расставить/раскрасить/... внутри p это дело css

такой вот кроссбраузерный паллиатив.

show must go on !!!...

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий