как расположить div ?

[kostryukov]

c относительными размерами, и положением
Пользователь решил продолжить мысль 12 Октября 2010, 15:19:10:не получается выровнить "вертикальный текст" по вертикали

[VestniK]

На левый div сказать "float: left; width x%;" на правый сказать "margin-left: x%" ну верхний понятно "width 100%; height: y%" примерно по такой идее я делал сайдбары, когда эксперементировал с CSS.

[kostryukov]

Код: [Выделить]

<div style='border: 1px solid #0f0; width: 100%'>Текст</div>
<div style=' border: 1px solid #00f; float:left;height:200px; width:15%; text-valign: center;'>
<div style='border: 1px solid #000; -moz-transform: rotate(270deg); -webkit-transform: rotate(270deg);-o-transform: rotate(270deg); writing-mode: tb-rl;'>Вертикаль</div>
</div>
<div style='display:inline;width:80%;border: 1px solid #0ff; height: 200px; float: right;'><div id=contentt style=' border: 1px solid #f00; background-color: #ccffcc; width:100px; height:200px;'>
<img src='/files/1.png width=50>
</div></div>
но вертикальный текст вверху (

[arrecck]

попробуй vertical-align:middle;
я как раз щас издеваюсь над выравниванием картинки по вертикали в блочных элементах

[kostryukov]

попробуй vertical-align:middle;
я как раз щас издеваюсь над выравниванием картинки по вертикали в блочных элементах

а куда его засунуть ?
в div который поворачиваю, или в div в котором поворачиваю (на рисунке красный слой, и надпись вертикальный текст - это два div'a один в другом)
Пользователь решил продолжить мысль 12 Октября 2010, 17:04:42:вот тут пример, как ведет себя переворачиваемый div =((
http://www.xiper.net/collect/html-and-css-tricks/typographics/vertical-text.html