Как разместить блоки один над другим?

[ankoch]

Есть вот такая заявка 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;

}

Edited February 19, 2010 by ankoch

[klierik]

нарисуйте

[ankoch]

нарисуйте

Чего нарисовать то?

[dandandan]

Картинкой нарисуйте как блоки должны выглядеть.

По идее достаточно использовать в css

.clearfloat {
clear: both; /*очистка*/
	}

и между нужными Вам блоками вставлять div с этим классом.