top при абсолютном позиционировании в разных браузерах

tonik_spb · January 25, 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>
<style>

body, html{
	position:relative;
	font-family:Arial;
	margin: 0 auto; 
	width: 1000px;
	height:100%;
}
.page {
	position:relative;
	width: 1000px;
	height: 450px;
	background-color:GREEN;
}
	.page A{
		font-weight:900;
		font-size:13px;
				color:rgb(100,6,58);
	}

	.l{
	position:absolute;
	left: 42px;
	top: 2px;
	}

</style>
</head>

<body>

<div class="page">
	<div class="l"><a href="#menu=0">Hello my diar friend</a></div>
</div>

</body>
</html>

В FF отступ top больше чем у IE6 примерно на 2-3 px

есть сделать доктайп transitional то все одинаково но при strict косяк =((

Заранее спасибо!!

Edited January 25, 2009 by tonik_spb

Vlad · January 26, 2009

Скорее дело в интерлиньяже (line-height). В строгом режиме он другой, чем в переходном. Это особенно с картинками заметно будет, между ними появится вертикальный зазор. В данном случае браузеры ставят разный интерлиньяж, вот и получается что в одном есть отступ, а в другом нет.

Searcher · January 26, 2009

а если в body, html {... добавить еще padding:0; ?

tonik_spb · January 26, 2009

to Searcher: не я поиграл и с маргином и с падингом =)) со всем уже наигрался =))

to Vlad: Тоесть решения проблемы нету =(( ставить переходной и забыть про предрассудки что строгий это круто =))

Vlad · January 26, 2009

Есть еще такая штука как хаки. Так, *margin будет работать в IE7, а _margin - в IE6.

Scrum · January 26, 2009

а маржены и падинги тут ни причем, придется подбирать line-height.

tonik_spb · January 26, 2009

ДА уж как и было написанно выше пришлось тыкаться с line-height =((

Иногда возникает бональный вопрос: а нахрена все мы стремимся к этому строгому стилю писания, когда IE6 плевать хотел на самый изысканный код и тд и тп =\

Scrum · January 26, 2009

у EI всегда было туго с inline элементами.

Sign In

top при абсолютном позиционировании в разных браузерах

Question

tonik_spb

Link to comment

Share on other sites

7 answers to this question

Recommended Posts

Vlad

Link to comment

Share on other sites

Searcher

Link to comment

Share on other sites

tonik_spb

Link to comment

Share on other sites

Vlad

Link to comment

Share on other sites

Scrum

Link to comment

Share on other sites

tonik_spb

Link to comment

Share on other sites

Scrum

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information