Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: с <div> непонятно...
 
 автор: RomantikPro   (09.03.2007 в 22:46)   письмо автору
 
 

есть стили:



/*  контейнер */

.artcontainer {   
    float: left;
                     margin: 0px;
    padding: 0px;    
    width: 100%;
    border: 0px;
    background: url('../../123/kusok.gif') repeat;
    background-color: white;

    }
/*    блок внутри контейнера */
 .top_decor {
  
    width: 100%;
    height: 27px;
    border: 0px;
    margin: 0px;
    padding: 0px;
    /*background: url('../../files/decoration/top_seredina_graniza1_01.gif') repeat-x;*/
    
}

/*  левый уголол - изображение 32х27   */
.artcontainertopleftugol {
    float: left;
    width: 32px;
    height: 27px;
    border: 0px;
    background: url('../../files/decoration/top_left_ugol.gif') no-repeat;
    background-color: white;
    margin: 0px;
    padding: 0px;


}

/*  середина, изображение 474х27  */

.artcontainerseredinapolosa {
                     float: left; 
    height: 27px;
    background: url('../../files/decoration/top_seredina_graniza.gif') repeat-x;      
    border: 0px;
    padding: 0px;
    margin: 0px;
}

/*  правый угол - изображение 32х27 */

.artcontainertoprightugol {
    width: 32px;
    height: 27px;
    border: 0px;
    background: url('../../files/decoration/top_right_ugol.gif') no-repeat;    
    margin: 0px;
    padding: 0px;
    
}



далее вот такая конструкция:


echo "<div class=\"artcontainer\">";   /* контейнер */
 echo "<div class=\"top_decor\">";    
    echo "<div class=\"artcontainertopleftugol\"></div>";             /* изображение с левым уголком */
    echo "<div class=\"artcontainerseredinapolosa\"></div>";   /* изображение по середине, которое должно уменьшаться или увеличиваться */
    echo "<div class=\"artcontainertoprightugol\"></div>";   /* правый уголок
  echo "</div>";
echo "</div>";


не получается в <div class=artcontainerseredinapolosa></div> вставить изображение, изображение правого угла неизменно оказывается у левого угла, а середину как-будто бы не видит...только когда в классе .artcontainerseredinapolosa прописать истинную ширину (width=474px) изображения выступающего в роли фоновой картинки (соответственно ширина контейнера тоже равна сумме левого, правого, области по середине), то эта конструкция работает.....но этот эффект не тот, что мне нужен. Хочу сделать "резиновый блок", чтобы область по середине (class = artcontainerseredinapolosa ) увеличивалась или уменьшалась в зависимости от ширины контейнера ( class = artcontainer ) ширина которого выражена в процентах по отношению к окну браузера.
Подскажите, пожалуйста, как можно сделать такое "резиновое" решение....

PS: браузер IE7, Opera 9

   
 
 автор: AlexSol   (09.03.2007 в 22:58)   письмо автору
 
   для: RomantikPro   (09.03.2007 в 22:46)
 


.top_decor { position:relative;}
.artcontainertopleftugol {position:absolute;top:0;left:0;}
.artcontainertoprightugol {position:absolute;top:0;right:0;}


большие файлы лучше класть аттачем.

   
 
 автор: RomantikPro   (10.03.2007 в 18:39)   письмо автору
 
   для: AlexSol   (09.03.2007 в 22:58)
 

Спасибо большое за ответ!
вроде бы все сделал, но почему-то часть слоя заходит за границу контейнера справа...и никак не получается убрать ее...приложил файлик...посмотрите пожалуйста, что там не так....притом ладно бы только в одном браузере так, так ведь во всех такая беда....

   
 
 автор: RomantikPro   (10.03.2007 в 23:30)   письмо автору
 
   для: RomantikPro   (10.03.2007 в 18:39)
 

up

   
 
 автор: AlexSol   (11.03.2007 в 08:21)   письмо автору
 
   для: RomantikPro   (10.03.2007 в 23:30)
 

шустрый.

   
 
 автор: RomantikPro   (11.03.2007 в 23:16)   письмо автору
 
   для: AlexSol   (11.03.2007 в 08:21)
 

Спасибо огромное!

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования