верстка окна чата для сайта

[vazzko]

Добрый день!

Моя задача - создать описание такой вот странички в CSS, фиксированного размера 1000x600(px). Не знаю как подступиться , помогите хорошим советом. Заранее благодарен, скрин требуемого скелета ниже.

С этой проблемой вроде как разобрался, не уверен правда в грамотности кода на CSS =)

Но вот например возникла довольно таки часто встречающаяся ситуация с версткой подобных вещей.

Как грамотно описать в css?

я описывал примерно так, правильно ли это?

.history_options_bar {
		/*background-color:#0CC;*/
		width:100%-20px;
		height:auto;
		padding: 10px;
		outline:1px solid grey;
		font-size:14px;
	}

	.checkbox input {
		border:solid 1px grey;
	}

		#message_type {
			height:auto;
			width:auto;
			/*background-color:#936;*/
			display:inline-block;
			margin: 0 10px 0 0;
		}

		#special_options {
			position:relative;
			height:auto;
			width:auto;
			/*background-color:#336666;*/
			display:inline-block;
			margin: 0 10px 0 0;
			bottom: 70px;
		}

		#search {
			position:relative;
			height:auto;
			width:auto;
			/*background-color:#666600;*/
			display:inline-block;
			margin: 0;
			bottom: 70px;
		}

		.history_options_bar input {
			margin: 0 5px 0 0;
		}


		p.notice {
			font-size:12px;
		}

Edited October 14, 2011 by vazzko

[Vlad]

Для начала сделайте двухколоночный макет, на сайте есть несколько вариантов вёрстки. Потом уже по элементам начинайте добавлять.