|
|
|
| Мучаюсь не как не могу сделать дивами, чтобы высота желтой колонки была 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>
|
| |
|
|
|
|
|
|
|
для: 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>
|
| |
|
|
|
|
|
|
|
для: 3ABAPKA
(07.09.2007 в 07:31)
| | нет увелечение текста не кактит надо имено сам фелтый фот вытянуть! | |
|
|
|
|
|
|
|
для: smit272
(07.09.2007 в 09:57)
| | <html style="height:100%">
<body style="height:100%"> | |
|
|
|
|
|
|
|
для: smit272
(07.09.2007 в 09:57)
| | тогда может так?
<div style="background: #FDE95E; margin-left: -200px; width: 200px;height:700px; float:
left;">
|
| |
|
|
|
|
|
|
|
для: 3ABAPKA
(07.09.2007 в 10:33)
| | Нет, желтая колонка должна сама растягиваться в зависимости от высоты левой колонки! | |
|
|
|
|
|
|
|
для: smit272
(07.09.2007 в 11:26)
| | желтая всегда меньше левой? | |
|
|
|
|
|
|
|
для: AlexSol
(07.09.2007 в 12:11)
| | ну по идее да :) | |
|
|
|
|
|
|
|
для: 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)
| | У меня касперский ругнулся на файлы, указанные в ссылках | |
|
|
|