Помощник
|
Автоматическая высота DIVа =\ |
IndigoGL
|
Сообщение
#1
|
||
|
|
||
|
|||
nitroov |
17.2.2011, 8:16;
Ответить: nitroov
Сообщение
#2
|
|
http://htmlbook.ru/css/max-height может быть вот это свойство попробовать.
|
|
|
Ska-TGD |
17.2.2011, 8:25;
Ответить: Ska-TGD
Сообщение
#3
|
|
<img src="images/news/1.jpg" width="60" height="43" align="left" /> Добавить в css такую строку: .clear { clear: both; } И после текста добавить: <div class="clear"></div>
Сообщение отредактировал Ska-TGD - 17.2.2011, 8:25 -------------------- |
|
|
Kostap13 |
17.2.2011, 10:18;
Ответить: Kostap13
Сообщение
#4
|
|
max-height не работает в IE6, и в данном случае ни при чем.
Добавить в css такую строку: .clear { clear: both; } И после текста добавить: <div class="clear"></div> Это должно помочь, только для сброса лучше использовать: .clear { clear:both; font-size:0; overflow:hidden; /*для старых IE */ } Ну и ещё после картинки можно поставить: <br clear="right" /> А я бы вообще сделал так: .news img, #headText {
float: left; } .clear { clear:both; font-size:0; overflow:hidden; /*для старых IE */ } ..... <div class="news"> <img src="images/news/1.jpg" width="60" height="43" /> <div id="headText"> <h1><a href="#">Дэниел Рэдклифф меняет профессию</a></h1> </div> <div class="clear"></div> </div> Сообщение отредактировал Kostap13 - 17.2.2011, 10:23 |
|
|
Ska-TGD |
17.2.2011, 12:06;
Ответить: Ska-TGD
Сообщение
#5
|
|
А я бы вообще сделал так: .news img, #headText { float: left; } .clear { clear:both; font-size:0; overflow:hidden; /*для старых IE */ } ..... <div class="news"> <img src="images/news/1.jpg" width="60" height="43" /> <div id="headText"> <h1><a href="#">Дэниел Рэдклифф меняет профессию</a></h1> </div> <div class="clear"></div> </div> А использовать ID для элементов, которых на сайте будет более, чем один, не рекомендуется. В данном случае лучше использовать классы. -------------------- |
|
|
kRicha |
17.2.2011, 12:14;
Ответить: kRicha
Сообщение
#6
|
|
А использовать ID для элементов, которых на сайте будет более, чем один, не рекомендуется. В данном случае лучше использовать классы. это почему же? -------------------- |
|
|
Ska-TGD |
17.2.2011, 12:36;
Ответить: Ska-TGD
Сообщение
#7
|
|
kRicha, а Вы в конце адреса сайта введете #headText, и на какой из элементов будет фокусироваться браузер? Рано Вам в верстку, если не знаете таких простых вещей. И еще рекомендую почитать этот пост.
-------------------- |
|
|
kRicha |
17.2.2011, 12:55;
Ответить: kRicha
Сообщение
#8
|
|
kRicha, а Вы в конце адреса сайта введете #headText, и на какой из элементов будет фокусироваться браузер? Рано Вам в верстку, если не знаете таких простых вещей. И еще рекомендую почитать этот пост. а если меня интересует использование id, только для удобства задания стилей css? Вы об этом не задумывались? -------------------- |
|
|
Ska-TGD |
17.2.2011, 14:02;
Ответить: Ska-TGD
Сообщение
#9
|
|
kRicha, Т.е. Вы сначала верстаете все в ID, и только потом переводите их в Class? Или вы подсовываете свои решения неправильными намеренно?
В любом случае, ТС опубликовал свой стиль CSS, в котором четко написано .news, слово употреблено во множественном числе, следовательно блок будет использоваться не один раз. И не пытайтесь оправдываться, лучше признайте ошибку, это Вам на будущее. Далее, этот бессмысленный разговор, я продолжать не намерен. -------------------- |
|
|
IndigoGL
|
Сообщение
#10
|
|
Добавить в css такую строку: .clear { clear: both; } И после текста добавить: <div class="clear"></div> Спасибо за разъяснения, заодно решил еще одну схожую проблему, это помогло. -------------------- |
|
|
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
[Гарантия] Автоматическая накрутка Вконтакте, Instagram, Twitter, Facebook, Youtube | 2 | Professor7717 | 5038 | 14.10.2021, 22:07 автор: Professor7717 |
|
Автоматическая перелинковка между страницами Wordpress | 4 | rokot | 2302 | 28.7.2019, 20:56 автор: rokot |
|
1C-Bitrix, JavaScript\jQuery, Верстка HTML5 CSS3 | 1 | byteeightlab | 1470 | 2.7.2019, 7:37 автор: ychervov |
|
Автоматическая высота grid | 0 | askjust.ru | 4511 | 13.2.2019, 13:32 автор: -askjust.ru- |
|
Php\Python программист в поиске подработки! | 7 | daikzlex | 1158 | 18.9.2018, 12:51 автор: ShowPrint |
Текстовая версия | Сейчас: 18.4.2024, 9:06 |