Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / помогите советом / 3 сообщений из 3, страница 1 из 1
21.05.2008, 17:03
    #35326789
sancoma
sancoma
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
помогите советом
Есть html типа:
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
<div style='overflow: hidden; position: relative; width: 175px; height: 80px;' id='container1'>
    <div style='position: absolute; width: 170px; left: 0pt; top: 3px; padding-left: 20px;' id='content1'>
                <a style='margin-left: -10px;' " & "href='www.google.com'>test1</a><br>
                <a style='margin-left: -10px;' " & "href='www.google.com'>test2</a><br>
                <a style='margin-left: -10px;' " & "href='www.google.com'>test3</a><br>
</div>
</div>
Я заранее не знаю сколько будет в этом div итемов, вывожу их в цыкле. Получается ситуация когда див по высоте большой (статично стоит 80 px)а итема скажем только 2, тоисть много свободного места остается под итемами, div по высоте большой.
Подскажте можно ли как-то сделать так чтоб див если итемов скажем будет <n (n=1..5) становился меньше, тоисть скриптами менять в зависимости от количеств итемов?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
21.05.2008, 22:20
    #35327441
ShSerge
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
помогите советом
А чего будет, если диву не написать хейгхт?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
22.05.2008, 00:44
    #35327481
illion
illion
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
помогите советом
ShSergeА чего будет, если диву не написать хейгхт?
не сработает overflow: hidden.

sancomaПодскажте можно ли как-то сделать так чтоб див если итемов скажем будет <n (n=1..5) становился меньше, тоисть скриптами менять в зависимости от количеств итемов?
можно. Можно скриптами. Но это перебор. Лучше попробовать решить все тихо-мирно через CSS.
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
<style>
.test {
	border: 1px solid # 000 ;
	position: relative; 
	width: 175px;
	overflow:auto;
	max-height: 80px; //для умных браузеров
	height:expression(this.scrollHeight >  80 ? "80px" : "auto" ); //для ИЕ
}
</style>

Ахтунг! Тестировать этот код во всех версиях ИЕ (у меня щас только шестой под рукой - в нем работает).
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / помогите советом / 3 сообщений из 3, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 489ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1456459]:
 0ms
get settings:
 8ms
get forum list:
 13ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 195ms
get topic data:
 7ms
get forum data:
 1ms
get page messages:
 33ms
get tp. blocked users:
 1ms
others: 225ms
total:  489ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]