[Решено] Как разместить блоки один над другим? (+ как изменить область для ввода текста) - Вопросы по CSS

Есть вот такая заявка http://www.rostovpatent.ru/index.php/onlinez/onlz на основе ckform, хочется её преобразовать таким образом, чтобы текстовые блоки располагались над блоками для ввода данных (каждый над своим), а все вместе блоки (и текстовые и для ввода данных) выравнивались по левому краю. В настройках программы такую возможность не нашёл. Рыл CSS, сам не справился. Подскажите пожалуйста как можно это сделать? (скорее всего это не сложно, но мне пока неведомо  ).

Вот код файла, если поможет.

#ckformcontainer {
   width: 100%;
}

.ck_mandatory {
   padding: 0px;
}

.cktooltip {
   background-color:#FFFF99;
   margin-left:-10px;
   margin-right:-10px;
   padding: 5px;
}

#cktooltip {
   position: absolute;
   z-index: 3000;
   border: 1px solid #111;
   background-color: #eee;
   padding: 3px;
   opacity: 0.85;
   font-size:11px;
   color:#333333;
}

#cktooltip h3 {
   font-size:12px !important;
}

#cktooltip h3, #cktooltip div { margin: 0; }

.ckform_tooltip, .ckform_tooltipcss {
   margin-top: 12px;
   margin-left: 5px;
}

#ckform {
   margin-top: 10px;
}

#ckform div.error {
   clear: both;
   color: #FF0000 !important;
   font-style: italic;
   display: none;
   padding: 0px !important;
}

#ckform div.error .ckCSSFloatLeft{
   width: 20%;
}
   
#ckform input:focus { border: 1px dotted black; }
#ckform input.error {
   border: 1px dotted #FF0000 !important;
}
#ckform textarea.error { border: 1px dotted red; }

.ckform {
   margin-top: 10px;
}

.ckform div.error {
   clear: both;
   color: #FF0000 !important;
   font-style: italic;
   display: none;
   padding: 0px !important;
}

.ckform div.error .ckCSSFloatLeft{
   width: 20%;
}
   
.ckform input:focus { border: 1px dotted black; }
.ckform input.error {
   border: 1px dotted #FF0000 !important;
}
.ckform textarea.error { border: 1px dotted red; }

#ckpoweredby {
   text-align:center !important;
   margin-top: 10px;
   margin-bottom: 10px;
}

#ckpoweredby a {color:#666666;}

/* CSS layout */

.ckCSSlabel {
   display: block;
   float: left;
   margin-top: 10px;
   width: 40%;
   font-size:1em;
}

.ckCSSinputnormal {
   display: block;
   float: left;
   margin-top: 10px;
}

.ckCSSinputnowidth {
   display: block;
   float: left;
   margin-top: 10px;
}

.ckCSSnoTip {
   width: 55%;
}

.ckCSSTip {
   width: 52%;
}

.ckCSSclear {
   margin: 0px;
   padding: Opx;
   clear: both;
}

.ckCSSFloatLeft {
   float: left;
}

.ckCSSbot10 {margin-bottom: 10px;}
.ckCSSbot5 {margin-bottom: 5px;}
.ckCSStop10 {margin-top: 10px;}

.ckCSScenter {
   text-align:center !important;
   margin-top: 10px !important;
}

.ckCustomText {
   margin-top: 10px;
}

.ckNoBorder {
   visibility:hidden;
}

.ui-datepicker-trigger {
   margin-top: 13px;
}

.ui-widget {
   font-size: 10px !important;
}

.ckpagination {
   text-align:center !important;
   margin-bottom: 15px;
}

.ckdatatable {
   margin-top: 20px;
   margin-bottom: 10px;
   width: 100%;
   border-collapse:collapse;
}

.ckdatatableborder td {
   border : 1px solid #ccc;
}

.ckfrontlabel {
   height: 30px;
   padding-right: 20px;
   font-weight: bold;
   color:#666;
}

За надписи отвечает класс .ckCSSlabel
Если у него убрать свойсво float:left; то получится что требовалось.
С остальным, думаю, что и сами разберетесь.

gdX Спасибо, всё получилось! (+1) А ещё один глупый вопрос - не смог найти как увеличить высоту текстовых блоков (по умолчанию в IE отображает высоту под размер двух строк текста, а в Опере всего лишь для одной строки текста, при наборе текста более одной или двух строк весьма неудобно). Не подскажете где поковырять нужно.

Пропишите для textarea атрибут rows="5" (5 строк).
А если через CSS, то, скорее всего, придется его делать блочным, чтобы назначить высоту. Хотя не уверен.
А свойство пропишите так:

А у меня в коде получается про textarea вообще ничего не сказано, кроме error?, то есть мне эту запись принудительно добавить?

В коде CSS textarea чисто не упоминается, но упоминается через класс.
Посмотрите по коду странцы, а лучше воспользуйтесь firebug'ом.

gdX спасибо большое за ответы, я порыл Файрбугом, он указывает на вот это

.ckCSSnoTip  {
width:77%;

А что с этим дальше делать? Как изменить высоту?

Текстовое поле, которое задается через input нельзя задать выше 1 строки текста.
Для этого надо использовать textarea.

gdX а можешь какой-нибудь пример сбросить?

Ну вот на сайте есть такой код:
Если выставить аттрибут rows равный 7 (rows="7"), то высота текстового поля будет 7 строк.
Если нет возможности влезть в код, то тогда через CSS задать всем текстовым блокам textarea на этой странице стиль:

Еще пара напутствий:
Уберите в .ckCSSinputnowidth строки float:left; и margin-top:10px;
А в .ckCSSinputnormal строки display:block; float:left; и margin-top:10px;
Будет выглядеть более эстетично.

gdX спасибо большое +1 (разобрался с твоей помощью)