Плохое поводение IE 6

Mr.Black · March 4, 2011

Делал кнопку для форума у всех браузеров все нормально кроме IE 6, никак немогу решить проблему http://s2.itrash.ru/idb/48ac2f71ff8e2264d0...a3a8c/oblog.png

Так в IE 7 http://s2.itrash.ru/idb/48ac2f71ff8e2264d0...a8c/oblog_1.png

Сама кнопка http://s2.itrash.ru/idb/48ac2f71ff8e2264d0.../obutton-bg.png

<th colspan="3" >
<a href="" class="f-button" style="float: right;" ><span><img src="images/button-ico/plus.png" alt="" />Открыть тему</span></a>
</th>

/*  
 ——-  Button ——————
*/
		.f-button { background: url('../images/button-ico/button-bg.png') left 0 no-repeat; text-decoration: none !important;  cursor: pointer; font-size: 11px; }
			.f-button, .f-button span { float: left; height: 20px; overflow: hidden; zoom: 1; }
			.f-button span { 
				background: url('../images/button-ico/button-bg.png') right -20px no-repeat; 		
				padding: 3px 15px 0 15px;
				color: #efefef;
				font-weight: normal;;
			}
				.f-button img { vertical-align: baseline; }

Edited March 4, 2011 by Mr.Black

psywalker · March 4, 2011

Вот тут посмотри например. В середине кнопочка read more сделана таким же макаром. http://psywalker.ru/Portfolio/Archery/main-page.html

Mr.Black · March 4, 2011

Какой смысл - http://s2.itrash.ru/idb/fd6fe265a84d6a62d3...myannyj.png.htm

Также как и у меня ,не отображает одну из частей

PanSoul · March 4, 2011

а напиши ещё код самой кнопки в html'е- вот втупил

Edited March 4, 2011 by PanSoul

psywalker · March 4, 2011

Какой смысл - http://s2.itrash.ru/idb/fd6fe265a84d6a62d3...myannyj.png.htm
Также как и у меня ,не отображает одну из частей

Дружище, это ИЕ-тестер. Обнови и всё будет гуд.

http://www.screencast.com/users/psywalker/...db-9679279099ca

PanSoul · March 4, 2011

Вот смотри, как один из вариантов:

<!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=windows-1251">
		<title>Заголовок</title>
		<style>
.f-button{
	float:left;
	height:20px;
	background:url("bg.png") no-repeat 0 0;
	text-decoration:none;
	padding:0 0 0 5px;
}
span{
	background:url("bg.png") no-repeat -190px -20px;
	width:10px;
	height:20px;
	float:left;
}

			</style>

	</head>
	<body>	
<a href="" class="f-button" >Открыть тему</a><span></span>


	</body>
</html>

где bg.png = твой спрайт твоей кнопки

psywalker · March 4, 2011

<a href="" class="f-button" >Открыть тему</a><span></span>

Mr.Black · March 4, 2011

Решыл способом psywalkerа ,немного переделал только под себя.

Появились еще два баги,извесный мне IE 6 bug когда задаеш line-height к тегу а в нем img - line-height не работает

2. в mozilla с текстом

Сам код

<th colspan="3" >
	   <a href="#" class="f-button" style="float: right;" ><span><span><img src="images/button-ico/plus.png" alt="" />Открыть тему</span></span></a> 
 </th>

/*  
			——-  Button ——————
		*/
			.f-button, .f-button span, .f-button span span { 
				background: url('../images/button-ico/button-bg.png') no-repeat; 
				height: 20px; 
				overflow: hidden;
				display: inline-block; 
				cursor: pointer;
				zoom:;
			}
			.f-button { background-position: left top; padding-left: 5px; }
			.f-button span { padding-right: 5px; background-position: right bottom;}
			.f-button span span { 
				background: url('../images/button-ico/button-bg.png') left center repeat-x;
				text-align: center;
				padding: 0;
				line-height: 20px;
				color: #fff;
				font-size: 11px; 
				font-weight: normal;
			}
				.f-button img { vertical-align: baseline; }

IE6 - http://s2.itrash.ru/idb/e9e5e443489478b90b...myannyj.png.htm

MZ - http://s2.itrash.ru/idb/e9e5e443489478b90b...zymyannyj_1.png

Почему в MZ почти всегда цвет отличаеться???

Sign In

Плохое поводение IE 6

Question

Mr.Black

Link to comment

Share on other sites

7 answers to this question

Recommended Posts

psywalker

Link to comment

Share on other sites

Mr.Black

Link to comment

Share on other sites

PanSoul

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

PanSoul

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

Mr.Black

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information