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

HTML+CSS+JavaScript

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

 

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

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

тема: Как сделать так, чтобы полоска растянулась на всю страницу, игнорируя родительский div с заданной шириной?
 
 автор: antf   (09.09.2014 в 13:32)   письмо автору
 
 

Здравствуйте.
Есть такой код:

<div class='wrap' style='width:970px'>
    <div class='poloska' style='height:34px; background:url(images/000.png) top center; '>&nbsp;</div>
    
</div> 


Как сделать так, чтобы .poloska вышла за пределы .wrap'а (по прежнему входя в него) и растянулась на всю страницу?

  Ответить  
 
 автор: Deed   (09.09.2014 в 13:59)   письмо автору
 
   для: antf   (09.09.2014 в 13:32)
 

http://jsbin.com/xiqine/1/edit?output - вот так, например.

  Ответить  
 
 автор: antf   (09.09.2014 в 15:13)   письмо автору
 
   для: Deed   (09.09.2014 в 13:59)
 

Хорошая штука, вот только родителей у меня не 1, а 3 оказывается. Не подходит.


<div class='site' style='width:970px; margin:0 auto;'>  
  <div class='content'>
     <div class='wrap' style='width:970px'>
        <div class='poloska' style='height:34px; background:url(images/000.png) top center; '>&nbsp;</div>
     </div> 
  </div>
</div>

  Ответить  
 
 автор: Deed   (09.09.2014 в 18:43)   письмо автору
 
   для: antf   (09.09.2014 в 15:13)
 

Никаких проблем FF, Opera, Chrom or IE не показали: http://jsbin.com/xiqine/2/edit?output

  Ответить  
 
 автор: lightning.say   (09.09.2014 в 19:22)   письмо автору
 
   для: antf   (09.09.2014 в 15:13)
 

а так что не устраивает?


<div class='site' style='width:970px; margin:0 auto;'>   
  <div class='content'> 
     <div class='wrap' style='width:970px'> 
        <div class='poloska' style='height:6px; background:url(images/000.png) top center; position:absolute;
  left:0;
  right:0; '>&nbsp;</div> 
     </div>  
  </div> 
</div> 

  Ответить  
 
 автор: lightning.say   (09.09.2014 в 14:05)   письмо автору
 
   для: antf   (09.09.2014 в 13:32)
 

.

  Ответить  
Rambler's Top100
вверх

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