Что надо сделать, чтобы при сжатия браузера картинки на сайте не разъезжались ?

Что надо сделать, чтобы при сжатия браузера картинки на сайте не разъезжались ? Спасибо....верстка на div.

 

нет не помогает, кстате у сайта joom.ru такая же проблема.....

 

когда сжимаю, сама картинка сжимается.....хотя она должна полностью быть залита по всем осям, при сжатии браузера опять же сжимается по оси х.... сами же блоки не сжимаються...

вот структура:

Код (CODE):

1. <div id="content">
2.   <div id="content-wr">
3.             <div class="content-art"><jdoc:include type="component" /></div>
4.       <div class="col">
5.          <div class="right1"><?php if($this->countModules('right1')) : ?>
6.             <jdoc:include type="modules" name="right1" style="xhtml" />
7.             <?php endif; ?>
8.             </div>
9.          <div class="right2"><?php if($this->countModules('right2')) : ?>
10.         <jdoc:include type="modules" name="right2" style="xhtml" />
11.         <?php endif; ?>
12.           </div><div class="clear"></div>
13.           </div>
14.   </div>
15. </div>

css:

Код (CODE):

1. #content
2. {
3.     width:100%;
4.     background: url(../images/content_body.gif) !important;
5.     background-repeat: repeat;
6.     position:relative;
7.     }
8. div#content-wr {
9.     width:960px;
10.     margin-left:150px;
11.     background-image: none;
12.    
13.         }
14. .content-art{
15.     float:left;
16.     width:510px;
17.     position:relative;
18.     padding:10px 5px 10px 5px;
19.     }
20.  
21. .col {
22.    
23.     margin-left: 520px;
24.     width: 440px;
25.    
26.     }
27.    
28. .right1{
29.    
30.     float:left;
31.     width: 210px;
32.     padding:10px 5px 10px 5px;
33.            
34.    
35. }  
36.    
37. .right2{
38.     float:right;
39.     width: 210px;
40.     padding:10px 5px 10px 5px;
41.    
42. }

 

сайт на локалке, шаблон руками делался)) тогда такой вопрос, вот как правильно записать
например:

Код (CODE):

1. div#right .moduletable h1,h2,h3,h4,h5
2. {
3. color:#613208;
4. }

во общем чтобы это правило работало тока для одного дива ?

 

Спасибо....
Работает тока когда так

Код (CODE):

1. div#right .moduletable h1{color:#fff;}

,а все сразу не хочет

Код (CODE):

1. div#right .moduletable h1, h2, h3, h4, h5{color:#fff;}

еще столкнулся с проблемой, у меня получается у каждого блока заданная ширина, и когда модуль не использует данный блок в нем пустое место, как сделать, чтобы когда модуль отключен, ширина блока соседнего автоматически растягивалась на свободное место ?

 

У вас стили отдельно для div#right .moduletable h1 (h1 вложенный в блок с классом moduletable, который в свою очередь, находится внутри div с id=right), для h2 (любого), h3 (любого) и т.д. Чтобы настроить стиль для каждого заголовка, вложенного moduletable внутри #right, правильно писать:

Код (CODE):

1. div#right .moduletable h1,
2. div#right .moduletable h2,
3. div#right .moduletable h3,
4. div#right .moduletable h4,
5. div#right .moduletable h5 {color:#fff;}

(перенос строки оставлен, чтобы пост на форуме не разъезжался по горизонтали; в оригинале можно писать в 1 строку)
Учите матчасть.