select

html · November 23, 2009

1) как убрать вертикальную полосу прокрутку в select? пробовал задать overflow:hidden и overflow-y:hidden, не помогло

<select name="s" size="10">
 <option value="1">1</option>
 <option value="2">2</option>
 <option value="3">3</option>
</select>

2) как центрировать содержимое option относительно контейнера (select). пробовал select{text-align:center;} и option{text-align:center;}

Searcher · November 23, 2009

Скролл возникает, если для дочерних элементов задан размер больше, чем для родителя. Для селектов и опшн в стилях не задано, случайно, горизонтальных размеров.

Из представленного кода вообще мало, что понятно. Дайте ссылку на сайт.

s0rr0w · November 23, 2009

1) как убрать вертикальную полосу прокрутку в select? пробовал задать overflow:hidden и overflow-y:hidden, не помогло
<select name="s" size="10">
 <option value="1">1</option>
 <option value="2">2</option>
 <option value="3">3</option>
</select>
2) как центрировать содержимое option относительно контейнера (select). пробовал select{text-align:center;} и option{text-align:center;}

1. Никак

2. ИЕ не умеет центрировать опшины.

html · November 23, 2009

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style type="text/css">
select{overflow-y:hidden; text-align:center;}
</style>

</head>

<body>
<form action="">
	<fieldset>
		<select name="s" size="10">
			<option value="1">1</option>
			<option value="2">2</option>
			<option value="3">3</option>
		</select>
	</fieldset>
</form>
</body>
</html>

скролл показывают фф 1.5, хром 1.0. смотрел ещё в ие7-8 и опера 10.0

Searcher · November 23, 2009

хех, все, заработался! читаю одно, а представляю себе что-то совсем другое... да, с вертикальной прокруткой никак. а с выравниванием... ну попробуйте эмулировать селект или воспользуйтесь JQuery.

html · November 24, 2009

спасиб.

mishka · November 24, 2009

можешь попробовать скрыть полосу прокрутки. Тоесть обернуть в див. Диву назначить ширину меньшую ширины селекта на ширину скролбара и оверфлов хидден ему. Только и селекту укажи ширину, чтобы она не зависила от содержания.

Либо наружному диву флоат - чтобы его ширина была по содержимому, ну и оверфлов хидден конечно. А селекту ширины явно указывать ненадо, а правый отрицательный маргин на величину скроллбара. Если в ие6 может не скрытся скролл, то тогда попробуй для блока дописать позишн релейтив.

Sign In

select

Question

html

Link to comment

Share on other sites

6 answers to this question

Recommended Posts

Searcher

Link to comment

Share on other sites

s0rr0w

Link to comment

Share on other sites

html

Link to comment

Share on other sites

Searcher

Link to comment

Share on other sites

html

Link to comment

Share on other sites

mishka

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information