CSS Относительное переполнение позиционирования (проблема с раздавленным div) высота div увеличивается с содержанием? - PullRequest
Новая
       13

CSS Относительное переполнение позиционирования (проблема с раздавленным div) высота div увеличивается с содержанием?

1 голос
/ 19 ноября 2009

Я пытаюсь отредактировать некоторые CSS, чтобы включить границу справа и слева от моего сайта. Моя проблема в том, что, когда я делаю свой рост 100% или автоматически, ничего не происходит, но когда я изменяю высоту, это работает, но я не могу использовать это, поскольку я хочу, чтобы это изменилось с содержанием.

Я заметил в сети выражений, что мой sitegrinder div выглядит слишком сжатым вверху, а не по всей длине контента. Может ли это быть из-за позиционирования? Может ли переполнение это исправить?

Я включил CSS и HTML ниже 

  <div  id="sitegrinder">
    <div id="bgrepeat">
           <div id="id68logo"></div>
                  <div id="bglight"></div>
                        <div id="topbanner"></div>
                               <div id="id53light"></div>


#sitegrinder  {
left: auto;
top:auto;
width: 960px;
position: relative;
margin:auto;  }

Я также заметил, что когда я включаю переполнение: скрытое внутри CSS, все мое содержимое оказывается сжатым вверху в этом div.

Спасибо за вашу помощь

С уважением Джуди

1 Ответ

0 голосов
/ 19 ноября 2009

, если вы хотите создать горизонтально центрированный div с фиксированным значком и графикой в ​​виде левой и правой границ, вы должны использовать что-то вроде этого:

HTML: 

<div id="wrapper">
    <div id="content">
        ...your content here...
    </div>
</div>

CSS: 

#wrapper { width:980px; margin:0 auto;)
#content { margin:0 20; background transparen url(background_image.png) top center repeat-y; }

background_image.png должен быть изображением шириной 980 пикселей. 10 крайних левых пикселей ... и 10 правых пикселей - это ваша граница, которую вы можете оформить так, как вам хочется.

...