Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   Проблема с CSS (https://javascript.ru/forum/xhtml-html-css/4474-problema-s-css.html)

COKOJIOB 24.07.2009 22:24

Проблема с CSS
 
Вложений: 1
Доброго времени суток, такая проблема:
есть див-шапка сайта
в нем расположено еще 3 маленьких дива-кнопки
у всех уснановлен фиксированый размер в пикселях.
3 кнопки спозиционированны в нужное место дива, и кним преписан скрипт который меняет позицию бекграунда, а так же меняет указатель мыши.

проблема в том что.
все пространство на котором должны были бы находится кнопки, не будь они спозиционорованны, также реагирует как и кнопки, но визуально там ничего нет.

такая проблема только в мозиле, в опере и ИЕ все норм.
какие есть решения??

gosha_kap 27.07.2009 04:27

А конктретно вы имеете в виду , почему если наводить указатель мыши , к примеру справа от кнопки "Статьи", то кнопка реагирует на это событие ?я немного не понял вопроса

COKOJIOB 27.07.2009 14:59

да.

но в мозиле это происходит еще и тогда, когда я навожу мышь выше кнопок.

gosha_kap 27.07.2009 16:51

Вложений: 1
В Мозилле ваш финт не прокатит, если посмотреть то видно что выделение соответствует ширине ваших дивов- 53 пк , в верхней части будет отображаться в строке состояния lib.html, через 53 пк следующая ссылка , и т.д ,а потом относительно этих ссылок вы позиционируете ваши Div элементы.
Я советую вам заключить в div ваши ссылки , тем самым первый геммор решен, далее после этого стоит правильно спозиционировать элементы в потоке вашей шапке, короче склифасовский вот скидываю результат... во всех ваших трех браузерам у меня он работает корректно )))

COKOJIOB 28.07.2009 20:55

спасибо.

COKOJIOB 04.08.2009 13:19

еще вопрос:
хочу отобразить блок с кнопками по правому краю экрана
вот код:
<html>
    <head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" >
<style type="text/css">
	*{margin:0px; padding:0px;}
	input {font: 10pt Tahoma;}
	input.button {margin-left:2px; width:30px; height:30px; background:#E0E9E9; border:1px solid grey; display:block; float:left;}
	input.size {width:40px; height:30px; background:#E0E9E9; border:1px solid grey; float:left; margin-left:30px; vertical-align:middle;}
	input.button_2 {width:20px; height:15px; background:#E0E9E9; border:0px; display:block; margin:0px; float:left;}
	#bottom {text-align:right; width:100%;}
</style>		
<script type="text/javascript">


</script>

        <title></title>
    </head>

    <body>
      	
     <div id="bottom">
	 		<div style="width:192px;">
			<input class="button" name="b" type="button" value="B"/> 
			<input class="button" name="i" type="button" value="I"/>
			<input class="button" name="u" type="button" value="U"/>
			
			<input class="size"  name="size" id="size" type="text" value="10"/>
			<input class="button_2" name="plus" type="button" value="+"/>
			<input class="button_2" name="minus" type="button" value="-"/>
			</div>
	<div>	



    </body>
</html>

в ИЕ всё работает.
а в мозиле по левому краю выравнивается.


Часовой пояс GMT +3, время: 11:08.