Помощник
 |
|
|
|
|
Сообщение сайта
|
 Автоматическая высота DIVа =\ |
IndigoGL
|
Сообщение
#1
|
||
 Новичок  Группа: User Сообщений: 45 Регистрация: 31.1.2011 Поблагодарили: 1 раз Репутация:  1 
 |
|
||
 |
|
||
nitroov
|
 17.2.2011, 8:16;
Ответить: nitroov
Сообщение
#2
|
|
Частый гость Группа: User Сообщений: 56 Регистрация: 19.10.2010 Поблагодарили: 6 раз Репутация: 1
|
http://htmlbook.ru/css/max-height может быть вот это свойство попробовать.
|
|
|
|
|
Ska-TGD
|
17.2.2011, 8:25;
Ответить: Ska-TGD
Сообщение
#3
|
 artemeff.com Группа: Active User Сообщений: 1139 Регистрация: 18.3.2009 Поблагодарили: 249 раз Репутация: 15
|
(IndigoGL @ 17.2.2011, 6:51)  <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
|
 Бывалый Группа: User Сообщений: 358 Регистрация: 5.7.2010 Поблагодарили: 81 раз Репутация: 17
|
max-height не работает в IE6, и в данном случае ни при чем.
(Ska-TGD @ 17.2.2011, 7:25) Добавить в 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
|
|
artemeff.com Группа: Active User Сообщений: 1139 Регистрация: 18.3.2009 Поблагодарили: 249 раз Репутация: 15
|
(Kostap13 @ 17.2.2011, 9:18) А я бы вообще сделал так: .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
|
 Завсегдатай Группа: Active User Сообщений: 933 Регистрация: 29.6.2010 Из: Киева Поблагодарили: 222 раза Репутация: 39
|
(Ska-TGD @ 17.2.2011, 10:06) А использовать ID для элементов, которых на сайте будет более, чем один, не рекомендуется. В данном случае лучше использовать классы. это почему же? -------------------- |
|
|
|
|
Ska-TGD
|
17.2.2011, 12:36;
Ответить: Ska-TGD
Сообщение
#7
|
|
artemeff.com Группа: Active User Сообщений: 1139 Регистрация: 18.3.2009 Поблагодарили: 249 раз Репутация: 15
|
kRicha, а Вы в конце адреса сайта введете #headText, и на какой из элементов будет фокусироваться браузер? Рано Вам в верстку, если не знаете таких простых вещей. И еще рекомендую почитать этот пост.
-------------------- |
|
|
|
|
kRicha
|
17.2.2011, 12:55;
Ответить: kRicha
Сообщение
#8
|
|
Завсегдатай Группа: Active User Сообщений: 933 Регистрация: 29.6.2010 Из: Киева Поблагодарили: 222 раза Репутация: 39
|
(Ska-TGD @ 17.2.2011, 10:36) kRicha, а Вы в конце адреса сайта введете #headText, и на какой из элементов будет фокусироваться браузер? Рано Вам в верстку, если не знаете таких простых вещей. И еще рекомендую почитать этот пост. а если меня интересует использование id, только для удобства задания стилей css? Вы об этом не задумывались? -------------------- |
|
|
|
|
Ska-TGD
|
17.2.2011, 14:02;
Ответить: Ska-TGD
Сообщение
#9
|
|
artemeff.com Группа: Active User Сообщений: 1139 Регистрация: 18.3.2009 Поблагодарили: 249 раз Репутация: 15
|
kRicha, Т.е. Вы сначала верстаете все в ID, и только потом переводите их в Class? Или вы подсовываете свои решения неправильными намеренно?
В любом случае, ТС опубликовал свой стиль CSS, в котором четко написано .news, слово употреблено во множественном числе, следовательно блок будет использоваться не один раз. И не пытайтесь оправдываться, лучше признайте ошибку, это Вам на будущее. Далее, этот бессмысленный разговор, я продолжать не намерен. -------------------- |
|
|
|
|
IndigoGL
|
Сообщение
#10
|
|
Новичок Группа: User Сообщений: 45 Регистрация: 31.1.2011 Поблагодарили: 1 раз Репутация: 1
|
(Ska-TGD @ 17.2.2011, 7:25) Добавить в 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 |
