пространство вокруг div с фоновым изображением

Question

Я пытаюсь создать фрейм, который будет содержать динамическое количество текста. у него закругленные углы, поэтому создано 3 деления: верх, тело и низ. Тело будет содержать содержимое, в то время как сверху и снизу отображаются только соответствующие изображения кадра. все это можно увидеть здесь:

http://www.m -challenge.com / Nimrod / modular_frame.php

проблема: есть пространство между этими верхним и нижним делителями и средним. пожалуйста, посмотрите, и любой вклад будет высоко оценен. хорошего дня: -)

Answer 1

Ваша проблема в том, что тег p имеет некоторое поле сверху / снизу. Дайте ему поле 0, чтобы это исправить. То же самое применимо, если вы поместите в поле любые теги h#, ul и аналогичные.

Кроме того, могу ли я порекомендовать вам не тратить так много времени на изготовление закругленных бордюров и просто использовать CSS3 border-radius? Я знаю, что он еще не полностью поддерживается, но у вас есть поддержка большинства браузеров, кроме IE, и пользователи IE просто получают изящное отступление к квадратной рамке. Просто предложение

Answer 2

Я думаю, что вы должны сначала сбросить поля и отступы: http://meyerweb.com/eric/tools/css/reset/

, затем примените правильные значения, в зависимости от эффекта, которого вы хотите достичь.