Jump to content
  • 0

IE6 не реагирует на {display:block} ?

sashakiselev

Asked by sashakiselev,

 Share

Question

sashakiselev Explorer

sashakiselev

Posted
Posted 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<html> 
<head> 
<title>page2</title>
<style type="text/css">
ul {padding: 0px; 
 margin:0px;
 background: #222;
 list-style: none;
 float: left;
 }
ul li {float: left;
 }
ul a { 
 display: block;
 padding: 0 3em;
 line-height: 4em;
 text-decoration: none;
 color:#FFF;
 }
</style>
</head>
<body>
<ul>
<li><a href="#">Кнопка</a></li>
</ul>
</body> 
</html>

Link to comment
Share on other sites

24 answers to this question

Recommended Posts

  • 0
sashakiselev Explorer

sashakiselev

Posted
  • Author
Posted (edited)

по поводу "zoom" - не знаю про это - спасибо почитаю.

по поводу ширины - указать ширину чего простите?

всего списка, блока?

тут просто ширина блока не указана по идее, что размер определяется полем "padding" в кеглях, которое может меняться в зависимости от кол-ва символов и шрифта!

ну а собственно ширина "ul" ничего не меняет кроме размера)

Зы. или 1 и 2 это два разных варианта решения, а не их комбинация.. ээ видимо да)

Great Rash, спасибо за зум и вам=).

Edited by sashakiselev
Link to comment
Share on other sites
  • 0
sashakiselev Explorer

sashakiselev

Posted
  • Author
Posted (edited)

psywalker,

попробывал.. ну Зум в IE без ширины не годиться..

PS..так что же без ширины решения нет?

Странно, ибо смотрел в популярной книге

ЭндиБадда "мастерская CSS" там в аналогичном примере он приводит код без ширины (и зума) уверяя что это 100% кроссбраузерно, даже под IE5)

Edited by sashakiselev
Link to comment
Share on other sites
  • 0
Justnewone Explorer

Justnewone

Posted
Posted

в вашем именно варианте не вижу смысла вообще делать ссылку блоковой. Она у вас по сути все равно работает как строчная. И вы никак не сможете разницы обнаружить )))

Link to comment
Share on other sites
  • 0
sashakiselev Explorer

sashakiselev

Posted
  • Author
Posted

Justnewone, это не какаялибо работа.. просто пример для вопроса.. ну а при определенных задачах кто знает какой способ окажеться предпочтительнее :unsure: .. и вообще интересно все относительно СSS и IE

Link to comment
Share on other sites
  • 0
sashakiselev Explorer

sashakiselev

Posted
  • Author
Posted (edited)

эээ...) ну я вообще хотел поменьше.

Нет серьезно, ну без Зума ИЕ все показывает как и остальные поп-браузеры, вот почему и написал выше что с ИЕ без указания ширины это мне показалось не подходящим решением.

Размер должен определяться рамкой padding..

Edited by sashakiselev
Link to comment
Share on other sites
  • 0
Great Rash Explorer

Great Rash

Posted
Posted

Боже, ребята, вы просто жжоте! В ИЕ6 display: block; работает без всяких флоатов и зумов! Покайтесь!!!

<!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" xml:lang="en" lang="en">

<head>
	<title>An XHTML 1.0 Strict standard template</title>
	<meta http-equiv="content-type" content="text/html;charset=utf-8" />
	<meta http-equiv="Content-Style-Type" content="text/css" />

	<style type="text/css">
		* {
			margin: 0;
			padding: 0;
			font: 12px Arial;
		}

		body {
			margin: 10px;
		}

		ul {
			list-style: none;
		}

		.nofloat li {
			border: red 1px solid;
		}

		.nofloat a {
			display: block;
			height: 50px;
			border: blue 1px dashed;
		}

		.float li {
			float: left;
			border: green 1px solid;
		}

		.float a {
			display: block;
			height: 50px;
			border: silver 1px dashed;
		}

		.rightfloat li {
			float: left;
			border: magenta 1px solid;
		}

		.rightfloat a {
			display: block;
			height: 50px;
			border: cyan 1px dashed;
		}

		* html .rightfloat a {
			display: inline-block;
		}
	</style>
</head>

<body>

	<ul class="nofloat">
		<li>
			<a href="#">Я блок! Без всяких флоатов!</a>
		</li>
	</ul>

	<ul class="float">
		<li>
			<a href="#">Я блок! С флоатом у родиителя! Работаю неправильно, потому что отображаюсь в дерьмовом браузере!!!</a>
		</li>
	</ul>

	<ul class="rightfloat">
		<li>
			<a href="#">Я блок! С флоатом у родиителя! Работаю правильно, потому что пофиксен!</a>
		</li>
	</ul>

</body>
</html>

Link to comment
Share on other sites
  • 0
psywalker Explorer

psywalker

Posted
Posted
Да ладно, в конце-концов с флоатом тоже работает...

Просто у меня вариант пацанский :unsure:

Да мало того, что пацанский, да и ещё идея отличная, так что молодец дружище, почаще бы так. ;)

Link to comment
Share on other sites
  • 0
sashakiselev Explorer

sashakiselev

Posted
  • Author
Posted (edited)

Great Rash,

адупляюсь.. информация поступает в мозг. БольшоеСпасибо! Отличный пример!

Увы в виду своих знаний, не могу по достоинству оценить всю красоту полета, думаю Волкеру видней.. так что да, на счет "побед" вы решайте сами :unsure: .

Edited by sashakiselev
Link to comment
Share on other sites
  • 0
Justnewone Explorer

Justnewone

Posted
Posted
Ахренеть, тогда победу отдаю тебе и бал вычёркиваю :unsure:

А ведь уже отвечал тебе на этот вопрос, когда про табы рассказывал ты спросил.

помнишь? "когда строчному назначить zoomон уже не совсем строчный"

Link to comment
Share on other sites
  • 0
psywalker Explorer

psywalker

Posted
Posted
А ведь уже отвечал тебе на этот вопрос, когда про табы рассказывал ты спросил.

помнишь? "когда строчному назначить zoomон уже не совсем строчный"

Ааа, вот в чём дело, а я тогда не догнал до конца, в чём прикол, теперь понимаю, спасиб :unsure:

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to question listing
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept