| |
|
|
| | Подскажите пожалуйста.
Блок "nado_vniz" необходимо разместить внизу блока "content", так чтобы контент таблицы "news", если он достаточно большой, не налезал на на этот блок!!!
(пробывал использовать position:absolute; и bottom:0px; - контенты налезают друг на друга)
Можете предложить и вариант с использованием чегото вместо <DIV> "nado_vniz", но только чтобы была возможность вставлять картинки
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>сайт</title>
</head>
<style type=text/css>
<!--
#content {
width:600px;
min-height:400px;
background-color:#fcc;
}
table.news {
padding:0px;
margin:0px;
}
#nado_vniz {
margin:20px auto;
width:600px;
text-align:center;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
background-color:#0CF;
}
-->
</style>
<body>
<div id="content">
<table class="news">
<tr>
<td>
<p>текст текст текст текст текст текст текст текст текст текст текст</p>
<p>текст текст текст текст текст текст текст текст текст текст текст</p>
</td>
</tr>
</table>
<span><img src="#" width="100%" height="40" alt="Картинка" /></span>
<div id="nado_vniz">Этот блок необходимо разместить внизу блока content, так чтобы контент таблицы news, если он достаточно большой, не налезал на на этот блок!!!< /div>
</div>
</body>
</html> | |
| |
|
|
| |
|
|
| |
для: jin603
(03.01.2010 в 20:46)
| | | Если проблема только -
>(пробывал использовать position:absolute; и bottom:0px; - контенты налезают друг на друга)
то, padding-bottom Вам поможет | |
| |
|
|
| |
|
|
| |
для: ddhvvn
(03.01.2010 в 23:03)
| | | Если вы хотели добавить padding-bottom: ; к таблице news или картинке, то не подойдет...
Я наверно неправильно сформулировал вопрос, таблица и картинка будут добавлятся под каждую статью, при помощи php автоматически. | |
| |
|
|
| |
|
|
| |
для: jin603
(03.01.2010 в 23:49)
| | | попробуйте <div id='nado_vniz'></div> разместить вот так:
</table>
<span><img src="#" width="100%" height="40" alt="Картинка" /></span>
</div>
<div id="nado_vniz">
Этот блок необходимо разместить внизу блока content, так чтобы контент таблицы news, если он достаточно большой, не налезал на этот блок!!!</div>
</div>
#nado_vniz {
margin:0px;
width:600px;
text-align:left;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
background-color:#0CF;
}
|
| |
| |
|
|
| |
|
|
| |
для: Usta
(04.01.2010 в 01:26)
| | | Спасибо за совет, но конечно же я так пробывал, и это работает. Но мне необходимо сделать это именно внутри блока content.
Цель такая: этот блок "nado_vniz" будет размещатся только на некоторых страницах. И требуется, чтобы он неизменял дизайн сайта, на этих страницах.
Если же его воткнуть ниже блока "content" то на страницах где он будет распологатся дизайн будет немного менятся... (а этого мне нехотелосьбы)
Я кончно неисключаю, того что мне придется еще добавить-повкладывать divы в divы, но я буду это делать, только если ни найду более грамотного решения...
Если это возможно, мне нужно решение этой проблемы при помощи CSS не изменяя изложенного HTML
конечно если это возможно... | |
| |
|
|
| |
|
|
| |
для: jin603
(03.01.2010 в 23:49)
| | | Добавляйте еще 1 блок, после вашего (перед закрытием элемента content) с нужной высотой.... | |
| |
|
|
| |
|
|
| |
для: ddhvvn
(04.01.2010 в 20:18)
| | | Спасибо! уже сделал :) | |
| |
|
|
