На основе типового скрипта, найденного в сети, сделана всплывающая форма отправки письма с сайта.

В этой форме вводятся сведения, нужные для отправки, а после клика на "Отправить" выводится сообщение о результате - отправлено или ошибка.

Как я понимаю (точнее, догадываюсь), высота этого окна определяется скриптом, осуществляющим анимацию. Однако, делается это настоько неудачно, что форма разваливается, причем при разных сообщениях и на разных мониторах по разному. И в результате пользователь видит вот что (скриншот).

Как бы освобидиться от влияния этого скрипта, перепоручив CSS автоматическое формировение высоты окна в соответствии с размером сообщения?

Макет находится здесь.

Так ты же освободил в прошлой теме. Теперь действуй на CSS

Я пытался по аналогии, но почему-то здесь как-то иначе....

Этот фиолетовый блок не слушается CSS.

Ну ты бы хотя бы выложил условия при которых оно сыпется.

Заполнять форму, если честно лень.

Тебе мешает отступ
#contact-container .diz-10 {margin: 1em;}
в contacts/contact.css
Измени на padding

Уже лучше!

Только теперь низ отвалился...

//					$('#contact-container .contact-content').animate({
//						height: '80px'
//					}, function () {
						$('#contact-container .contact-loading').fadeIn(200, function () {
							$.ajax({
								url: 'contacts/contact.php',
								data: $('#contact-container form').serialize() + '&action=send',
								type: 'post',
								cache: false,
								dataType: 'html',
								success: function (data) {
									$('#contact-container .contact-loading').fadeOut(200, function () {
										$('#contact-container .contact-title').html('Спасибо!');
										msg.html(data).fadeIn(200);
									});
								},
								error: contact.error
							});
						});
//					});

Спасибо, прекрасно получилось!