Стъпка 1

Анализирайте настройката на маржин за всяка проблемна Div. Уверете се, че Divs от всяка страна на празното пространство няма настройка на маржа, която създава празно пространство. Маржинът на всеки Div е в зоната извън него. Ако вашият има марж, тогава цветът на фона или изображението на родителя Div може да се покаже през маржа и може да създаде ефект на бяло пространство. Резолюцията е толкова просто, колкото задаването на маржа на Divs с проблеми при нула.

Стъпка 2

Определя равномерно настройките на маржа и разстоянието за всички блокови елементи. Различните браузъри прилагат различни опции за маржин и предварително определено разстояние във всички блокови елементи. Маржинът на един от тези блокови елементи може да бъде отговорен за ефекта на нежеланото бяло пространство в браузъра, като същевременно има различен ефект в друг браузър. Чрез стандартизиране на свойствата на разстоянието и маржа в браузърите можете безопасно да елиминирате това.

Набор от правила за CSS, които да извършат стандартизацията на конфигурацията на блоковия елемент, може да се покаже, както следва:

html, body {margin: 0; подложка: 0;} p {margin 0 0 3px 0; подложка: 0;} h1, h2, h3, h4, h5, h6 {margin 0 0 2px 0; подложка: 0;} форма {марж 0; подложка: 0;}

Стъпка 3

Поставете съдържанието в Div. Някои браузъри може да не показват Div, който няма съдържание, дори ако има фоново изображение. Ако вашият няма съдържание, браузърът може да го намали, като остави малко празно пространство. За да разрешите това, помислете за вмъкване на прозрачен GIF файл в Div, което ще ви даде съдържание, което ще бъде разпознато от браузъра, без да променя визуалната импресия, която искате да създадете.

Стъпка 4

Nest the Divs в рамките на елемента div Div. Придайте на родител Div или опаковане, което поддържа двете Divs, които причиняват проблема. Поставете цвят на фона на родителския елемент, за да получите по-желан цвят или изображение, което да покрива бялото пространство и да съответства на дизайна на сайта.

Стъпка 5

Проверете свойствата на подравняване. Разделенията, които имат конфигурация за "вграждане" (вградено), може да добавят пиксели в горната и долната част на Div, за да създадат модификации на текста, тъй като параметърът "inline" alignment често се използва за подравняване на текст. Вместо да се опитвате да обедините двата Divs чрез стратегията за "вграждане", просто пренасочете подравняването в "Block" и поставете Divs с помощта на "float" свойството за разположения. Ето един пример:

parentDiv {

дисплей: блокиране;}

childDiv1 {

float: left;}

childDiv2 {

float: left;}