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

HTML+CSS+JavaScript

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

 

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

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

тема: Растянуть div по всей ширине
 
 автор: OLi   (11.02.2012 в 02:40)   письмо автору
 
 

Доброго.
Есть такая структура:
<div class="fright">
   
            <div><a href="/index.php" class="current">Регистрация в МММ-2011</a></div>
            <div><a href="/vse-o-mmm.html" style="background-color: rgb(0, 145, 26); color: rgb(255, 255, 255); ">Все о МММ</a></div>
            <div><a href="/vidy-vkladov.html" style="background-color: rgb(0, 145, 26); color: rgb(255, 255, 255); ">Виды вкладов</a></div>
            <div><a href="/bonusy.html">Бонусы</a></div>
            <div><a href="/o-nas.html" style="background-color: rgb(0, 145, 26); color: rgb(255, 255, 255); ">О нас</a></div>
            <div><a href="/nasha-akciya.html" style="background-color: rgb(0, 145, 26); color: rgb(255, 255, 255); ">Наша акция</a></div>
          
      </div>


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

Щас так:
|========== |
Надо так:
|= = = = = = = = = |

  Ответить  
 
 автор: OLi   (11.02.2012 в 16:45)   письмо автору
 
   для: OLi   (11.02.2012 в 02:40)
 

width:100% не помогло

  Ответить  
 
 автор: Lelik   (11.02.2012 в 17:21)   письмо автору
 
   для: OLi   (11.02.2012 в 16:45)
 

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

  Ответить  
 
 автор: OLi   (11.02.2012 в 17:23)   письмо автору
 
   для: Lelik   (11.02.2012 в 17:21)
 

я уже пробовал задать для каждого внутреннего дива ширину в процентах, в общей сумму 100% но так же

  Ответить  
 
 автор: Lelik   (11.02.2012 в 17:26)   письмо автору
 
   для: OLi   (11.02.2012 в 17:23)
 

цсс какой для родиельского блока и внутренних?

  Ответить  
 
 автор: OLi   (11.02.2012 в 17:44)   письмо автору
 
   для: Lelik   (11.02.2012 в 17:26)
 

Родитель:
.fright {
width: 100%;
height: 36px;
clear: both;
margin-top: -36px;
}


Дети:
.fright div {
color: white;
display: inline-table;
}

  Ответить  
 
 автор: Lelik   (11.02.2012 в 19:00)   письмо автору
 
   для: OLi   (11.02.2012 в 17:44)
 

а если это убрать, всё работает?
display: inline-table;

  Ответить  
 
 автор: OLi   (11.02.2012 в 20:49)   письмо автору
 
   для: Lelik   (11.02.2012 в 19:00)
 

Если убрать inline-table; элементы все становятся блочные...

  Ответить  
 
 автор: Lelik   (11.02.2012 в 21:41)   письмо автору
 
   для: OLi   (11.02.2012 в 20:49)
 

а, не тянется блок .fright? тогда стили для родителей и что там вокруг него

  Ответить  
 
 автор: OLi   (11.02.2012 в 22:01)   письмо автору
 
   для: Lelik   (11.02.2012 в 21:41)
 

Блок .fright имеет фиксир ширину и вложенные в него блоки div не дотягивают на полную его ширину

  Ответить  
 
 автор: OLi   (12.02.2012 в 13:11)   письмо автору
 
   для: OLi   (11.02.2012 в 22:01)
 

Ребята, неужели никто не подскажет - вот сайт для наглядности - тестовый. меню верхнее
http://demo1.org.ua/

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

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