CSS - как настроить страницу редактирования изображений - PullRequest
Новая
       21

CSS - как настроить страницу редактирования изображений

0 голосов
/ 01 марта 2012

Я пытаюсь превратить макет в страницу с помощью css, но я не уверен, есть ли какие-то трюки, которые мне не хватает из-за неопытности. Изображение ниже - то, что я хочу. Я хочу, чтобы меню char занимало фиксированную ширину, но я хочу, чтобы меню редактирования растягивалось по мере изменения размера окна браузера.

image editing page

Кажется, я не могу использовать проценты для определения размера жидкой части, поскольку она либо переполнится под окном чата, либо между ними появится пробел.

Любая помощь будет принята с благодарностью!

1 Ответ

1 голос
/ 01 марта 2012 
*{margin:0; padding:0;}
html,body{width:100%; height:100%;}
.image{background:lightblue; height:100%; margin-right:200px;}
.menu{width:200px; height:100%; background:salmon; position:absolute; top:0; right:0;}

Демо

...