Не можете избавиться от элемента-оболочки на моей странице

Question

я пытался избавиться от тонкой серой полосы, которая находится в середине этой страницы: http://redesign.emdintegration.com/index.html

Это, кажется, связано с оберткой но я не могу заставить его исчезнуть. Пожалуйста помоги!

Answer 1

Удалить эту строку из вашего CSS ...

#Content{ 
background: url(../images/content.gif) 0 100% repeat-x; /*Delete this line*/ 
} 

Я считаю, что это строка 129 в стиле-v1.css

Answer 2

Посмотрите на CSS для #content. Он имеет фоновое изображение серой полосы, а дочерний элемент <div> внутри имеет отступы 10px.

Answer 3

У вас есть отступы 10px на следующее:

<div class="container_24" style="padding-top:10px">

Удалить стиль, и серая полоса исчезнет.

Если вы не можете редактировать HTML, можно добавить следующее правило CSS:

.container_24 {padding-top: 0 !important;}

Answer 4

На ваш #content у вас есть background: url(../images/content.gif) 0 100% repeat-x; Если вы избавитесь от него, что следует позаботиться о вашей вопрос.

Answer 5

Посмотрите на свой отладчик. в классе .container_24, добавьте padding-top:0px; и удалите встроенный стиль. Это должно избавиться от всего верхнего дополнения в этом классе.
Лучшие практики показывают использование отдельной таблицы стилей для всего вашего стиля, а не грязного, грязного встроенного стиля.

Answer 6

Исходный адрес для #content - это серая линия. Вы можете подумать, что это элемент, но это изображение, которое направлено CSS для фонового изображения для id = "content" на странице. Я предполагаю, что элемент раздела предназначен для ящиков продукта, а #content относится к этому.

Вы можете изменить CSS не нагружать это (../images/content.gif), просто добавляя дисплей: ни в этой строке на листе стиля [Line 129]

Попробуйте скопировать это на своем месте ,

#content { 
padding:0px 0px 0px 0px; 
display: none; 
}