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

HTML+CSS+JavaScript

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

 

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

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

тема: html, как сделать высоту 100%?
 
 автор: smit272   (07.09.2007 в 02:28)   письмо автору
 
 

Мучаюсь не как не могу сделать дивами, чтобы высота желтой колонки была 100,% т.е. была равна высоте левой колонке.
Толи дело раньше в таблицах хоп-хоп и все работает как нада и высота на всю таблицу... :)


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>CSS</title>

<script type="text/javascript">
var gibberish=["This is just some filler text", "Welcome to Dynamic Drive CSS Library", "Demo content nothing to read here"]
function filltext(words){
for (var i=0; i<words; i++)
document.write(gibberish[Math.floor(Math.random()*3)]+" ")
}
</script>

</head>
<body>
<div style="width: 50%; margin-top: 29px;">

     <div style="float: left; width: 100%;">
          <div style="margin: 0 200px 0 0;">
             <div style="margin: 10px; margin-top: 0;"><b>Content Column: <em>Fluid</em></b> <script type="text/javascript">filltext(45)</script></div>
          </div>
    </div>

    <div style="background: #FDE95E; margin-left: -200px; width: 200px; float: left;">
         <div style="margin: 10px; margin-top: 0;"><b>Right Column: <em>200px</em></b> <script type="text/javascript">filltext(10)</script></div>
    </div>


</div>
</body>
</html>

   
 
 автор: 3ABAPKA   (07.09.2007 в 07:31)   письмо автору
 
   для: smit272   (07.09.2007 в 02:28)
 

Может так?


<div style="background: #FDE95E; margin-left: -200px; width: 200px; float: left;"> 
         <div style="margin: 10px; margin-top: 0;"><b>Right Column: <em>200px</em></b> 

<script type="text/javascript">filltext(29)</script></div> 
    </div>

   
 
 автор: smit272   (07.09.2007 в 09:57)   письмо автору
 
   для: 3ABAPKA   (07.09.2007 в 07:31)
 

нет увелечение текста не кактит надо имено сам фелтый фот вытянуть!

   
 
 автор: Artem S.   (07.09.2007 в 10:30)   письмо автору
 
   для: smit272   (07.09.2007 в 09:57)
 

<html style="height:100%">
<body style="height:100%">

   
 
 автор: 3ABAPKA   (07.09.2007 в 10:33)   письмо автору
 
   для: smit272   (07.09.2007 в 09:57)
 

тогда может так?


<div style="background: #FDE95E; margin-left: -200px; width: 200px;height:700px; float: 

left;"> 

   
 
 автор: smit272   (07.09.2007 в 11:26)   письмо автору
 
   для: 3ABAPKA   (07.09.2007 в 10:33)
 

Нет, желтая колонка должна сама растягиваться в зависимости от высоты левой колонки!

   
 
 автор: AlexSol   (07.09.2007 в 12:11)   письмо автору
 
   для: smit272   (07.09.2007 в 11:26)
 

желтая всегда меньше левой?

   
 
 автор: smit272   (07.09.2007 в 19:06)   письмо автору
 
   для: AlexSol   (07.09.2007 в 12:11)
 

ну по идее да :)

   
 
 автор: AlexSol   (07.09.2007 в 19:29)   письмо автору
 
   для: smit272   (07.09.2007 в 19:06)
 


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
<title>CSS</title> 

<script type="text/javascript"> 
var gibberish=["This is just some filler text", "Welcome to Dynamic Drive CSS Library", "Demo content nothing to read here"] 
function filltext(words){ 
for (var i=0; i<words; i++) 
document.write(gibberish[Math.floor(Math.random()*3)]+" ") 

</script> 

</head> 
<body> 
<div style="width: 50%; margin-top: 29px;"> 

     <div style="float: left; width: 100%;background: #FDE95E;"> 
          <div style="margin: 0 200px 0 0;background: #fff;border-bottom:1px solid #fff"> 
             <div style="margin: 10px; margin-top: 0;"><b>Content Column: <em>Fluid</em></b> <script type="text/javascript">filltext(45)</script></div> 
          </div> 
    </div> 

    <div style=" margin-left: -200px; width: 200px; float: left;"> 
         <div style="margin: 10px; margin-top: 0;"><b>Right Column: <em>200px</em></b> <script type="text/javascript">filltext(10)</script></div> 
    </div> 


</div> 
</body> 
</html> 

   
 
 автор: vassiliy9   (10.09.2007 в 16:33)   письмо автору
 
   для: AlexSol   (07.09.2007 в 19:29)
 

Справочник по CSS всё доступно и понятно.
размер: 171 KB

http://letitbit.net/download/fdbec5735287/--------------CSS.chm.html

сдесь подробная разборка XHTML, HTML, CSS, SSI
http://letitbit.net/download/066213726741/stepbystep-XHTML,HTML,CSS,SSI.chm.html

   
 
 автор: Balamut182   (12.09.2007 в 00:13)   письмо автору
 
   для: vassiliy9   (10.09.2007 в 16:33)
 

У меня касперский ругнулся на файлы, указанные в ссылках

   
Rambler's Top100
вверх

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