Этот сайт не наркоманов. Это сайт программистов.

Добро пожаловать на Пыху!

Логин:
Пароль:
 

Нет прописки? Зарегистрируйся!

Новости

Мы в твиттере!
Мы вконтакте!
Мы на яндексе!

Краснодарское время: 25 Май, 2012, 11:12:19

Страниц: [1]
Печать
Автор Тема: Проблема с DiVами  (Прочитано 492 раз)
0 Пользователей и 1 Гость смотрят эту тему.
maximusgym    ↓ 
20 Февраль, 2011, 05:58:57
НЕ ХУЕТА! ХУЕТА!

Карма: 1
Сообщений: 66
Сила слова: 1.52

Люди!такая проблема никак не могу сделать,что бы блок тянулся по мере заполнения инфой. Перелистал кучу сайтов и нихрена не робит. Некоторые делают несколько блоков без родительского блока,кто-то в главном блоке другие блоки,думаю нету существенной разницы я делаю вторым способом. Но вот родительский блок не тянется по мере заполнения,а текст просто уезжает за границы блока. Когда юзал таблицы такой проблемы не было и почему не сделали по умолчанию в блоках такую "тянучку" не понятно. Собственно код ниже,скажите ,что сделать надо ,наставьте на путь истинный и заодно на мои фейлы укажите кто атец CSS =)
Text
<div id="maindiv">
  <div ><a href="index.php"><img border="0" alt="На главную" src="img/header.gif"></a>
  </div>
   <div id="gorizontline">
     <ul id="gorizontNav" class="csc-menu csc-menu-def">
        <li><a href="#">Колледж</a></li>
        <li><a href="#">Информация</a></li>
        <li><a href="#">Наука</a></li>
        <li><a href="#">Культура</a></li>
        <li><a href="#">История</a></li>
     </ul>
   </div>
   
   <div  class="leftnavi">
      <div class="leftnavi2">
      <a href="#">Правила приема</a>
      <a href="#">Специальности</a>
      <a href="#">Расписание</a>
      <a href="#">В помощь студенту</a>
      <a href="#">Фотогаллерея</a>
      </div>
      <div class="logo">
      </div>
   </div><div class="infa">
 МНОГО ТЕКСТА МНОГО!!!!!!!</div>
</div>
         <div class="footer">
         <p class="footer2" align="center">Наш адрес: г. Чита, ул. Баргузинская, д. 41</p>
         <p align="center">Схема проезда</p>
         </div>
CSS
body {
margin:0;
padding:0;
text-align:left;
height:100%;
background-color:#e1e4e6;   
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
line-height:21px;
 
}
html {height:100%;}
html #maindiv {height:100%;}
#maindiv {
 
margin:0 auto
width:980px;
height:auto;
background-color:#FFF;
border:1px solid #CCC;
border-radius:10px;
-moz-border-radius:10px;   
min-height:100%;
    }
 
В общем я хз если так не чоень понятно исходник приложу на всякий...

* www.zabgc.ru.rar (304.22 Кб - загружено 27 раз.)
Записан
NRG    ↓ 
20 Февраль, 2011, 06:05:25 , спустя 6 минут 28 секунд
НЕ ХУЕТА! ХУЕТА!

Headshot!MultiKill!
Группа: нинзя

Карма: 777
Сообщений: 4700
Сила слова: 16.81

maximusgym, а где стили для дива с класом "infa"   ??
Записан

Буратино дрочил, дрочил и сгорел
Java и JavaScript это абсолютно разные вещи !!!
Господа, вы хуйня.
девушки краснели, отворачивались но порнуху продолжали смотреть
maximusgym    ↓ 
20 Февраль, 2011, 06:09:19 , спустя 3 минуты 54 секунды
НЕ ХУЕТА! ХУЕТА!

Карма: 1
Сообщений: 66
Сила слова: 1.52

Я их удалил)) Просто делал без класса,пробовал без дива вообще,пробовал и с классом infa. так вот там я пытался позиционировать relative не помогло,я не очень пока врубаюсь на счет позиционирования. ФАкт что родительский див не тянется... Вот и прошу помощи)
Записан
Timur    ↓ 
20 Февраль, 2011, 07:41:36 , спустя 1 час 32 минуты 17 секунд
НЕ ХУЕТА! ХУЕТА!

NullPointerException
Группа: в ухо

Карма: 56
Сообщений: 1009
Сила слова: 5.55

CSS
html #maindiv {height:100%;} /* УБРАТЬ */
#maindiv {
margin:0 auto
width:980px;
height:auto;
background-color:#FFF;
border:1px solid #CCC;
border-radius:10px;
-moz-border-radius:10px;   
min-height:100%; /* УБРАТЬ */
overflow:hidden; /* ДОБАВИТЬ */
    }
пробуй
Записан
maximusgym    ↓ 
21 Февраль, 2011, 03:32:48 , спустя 7 часов 51 минуту 12 секунд
НЕ ХУЕТА! ХУЕТА!

Карма: 1
Сообщений: 66
Сила слова: 1.52

Timur Респект все работает! =) Я пробывал overflow добавлять он просто обрезал текст а страница не тянулась,добавление
html #maindiv {height:100%;} оказалось ошибочным. P.S. Pyha рулит !!!
Записан
master    ↓ 
22 Февраль, 2011, 05:55:59 , спустя 1 день 2 часа 23 минуты 11 секунд
НЕ ХУЕТА! ХУЕТА!

Квадратов сколько видишь ты?
Группа: Джедаи

Карма: 44
Сообщений: 2080
Сила слова: 2.12

растягивание div по вертикали делается автоматически
по горизонтали чтоб не переносился текст надо делать white-space:nowrap
Записан

Страниц: [1]
Печать
 

Перейти в:  

Этот топик скрыли: adw0rd, Sinkler