2010-04-26 6 views
0

спасибо за помощь, в конечном итоге с этимФоновые изображения помогают

HTML { позиция: относительная; мин-ширина: 950px; высота: 100%; background: черный url (images/GrassBG.png) repeat-y top center;

font:13px "Lucida Grande",Helvetica,Arial,sans-serif; 
} 

body.main { ширина: 950px; margin: 0 auto; позиция: относительная; }


есть ли способ при использовании DIV для фона image-, чтобы ограничить высоту только отображаемый контент?

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

ive попробовал поместить фоновое изображение на тело css, но если браузер меньше ширины изображения, он просто перебрасывает его влево, а вы может видеть только половину его - нет ли способа сделать фоновое положение: относительное по телу?

извините, если что не делает чувство> <

благодаря

почему вы можете не использовать установки: относительная; на теле?

+2

Если вы решили свою проблему самостоятельно, рассмотрите вопрос, как отправить ответ на свой вопрос самостоятельно. – Ham

ответ

0

Вы можете установить высоту своего до 100% и установить ее с помощью no-repeat, чтобы она не распространялась по всему div. Убедитесь, что все его родительские элементы содержат 100% -ную высоту (вплоть до body). Тогда он не будет заставлять себя быть определенной высотой. Он просто заполнит страницу.

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

<style> 
body, 
#parent { 
    height: 100%; 
} 

#the_one_with_the_background { 
    background: url('background.png') no-repeat top center; 
    height: 100%; 
    width: blahpx /* You're still going to have to define a width of some sort */ 
} 
</style> 

<body> 
    <div id="parent"> 
     <div id="the_one_with_the_background"> 
     </div> 
    </div> 
</body> 
+0

он, кажется, не показывает какое-либо изображение, просто используя 100% – Gazow

Смежные вопросы