выделение
подскажите почему в опере и мозиле получается выделить кусок текста на странице, а в ИЭ сразу выделяется весь текст во всех разделах... как это исправить??????
Цитата:
Originally posted by VxT
подскажите почему в опере и мозиле получается выделить кусок текста на странице, а в ИЭ сразу выделяется весь текст во всех разделах... как это исправить??????
подскажите почему в опере и мозиле получается выделить кусок текста на странице, а в ИЭ сразу выделяется весь текст во всех разделах... как это исправить??????
:???: :???: :???: А поподробнее... Ты хотя бы скажи каким ты образом выделяешь текст...
Цитата:
Originally posted by LastSoul
:???: :???: :???: А поподробнее... Ты хотя бы скажи каким ты образом выделяешь текст...
:???: :???: :???: А поподробнее... Ты хотя бы скажи каким ты образом выделяешь текст...
.... и ссылку на страничку тоже...
выделить текст - просто имеется ввиду: нажал на мышку выделил нужный кусок, отпустил кнопочку на мышке...
вот код (положение div'ов должно остаться неизменным). подскажите что не так- в ИЭ текст нормально не выделить!
___________________
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Страница</title>
<style type="text/css">
<!--
.feature{
padding: 0px 10px 10px 20px;
margin:0px 0px 0px 178px;
font-size: 80%;
min-height: 200px;
height: 200px;
width:95,6%;
text-align: justify;
}
#pagecell1{
position:absolute;
top: 184px;
left: 2%;
right: 2%;
width:95.6%;
background-color: #ffffff;
}
#pageName{
margin: 0px;
border-bottom:1px solid #ccd2d2;
height:40px;
padding: 10px 0px 0px 10px;
}
-->
</style>
</head>
<body>
<div id="pagecell1">
<div id="pageName">
<h2>Страница</h2>
</div>
<div class="feature">
</div>
</div>
</body>
</html>
вот код (положение div'ов должно остаться неизменным). подскажите что не так- в ИЭ текст нормально не выделить!
___________________
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Страница</title>
<style type="text/css">
<!--
.feature{
padding: 0px 10px 10px 20px;
margin:0px 0px 0px 178px;
font-size: 80%;
min-height: 200px;
height: 200px;
width:95,6%;
text-align: justify;
}
#pagecell1{
position:absolute;
top: 184px;
left: 2%;
right: 2%;
width:95.6%;
background-color: #ffffff;
}
#pageName{
margin: 0px;
border-bottom:1px solid #ccd2d2;
height:40px;
padding: 10px 0px 0px 10px;
}
-->
</style>
</head>
<body>
<div id="pagecell1">
<div id="pageName">
<h2>Страница</h2>
</div>
<div class="feature">
</div>
</div>
</body>
</html>
Опытным путём было выведенно, что это его реакция на position:absolute;
при замене position:absolute; на position:relative; стало нормально выделяться, но появилась другая проблемка - внизу была картинка(background) и она перестала появляться... подскажите в чем причина!!!
<style type="text/css">
<!--
#pagecell1{
position:relative;
top: 184px;
left: 2%;
right: 2%;
width:95.6%;
background-color: #ffffff;
}
#pageName{
margin: 0px;
border-bottom:1px solid #ccd2d2;
height:40px;
padding: 10px 0px 0px 10px;
}
#content{
padding: 0px;
margin:0px;
background-image: url("../images/bg_nav_fon.gif");
background-repeat:repeat-y;
}
#bckgrimg{
background-repeat: no-repeat;
background-position: bottom left;
z-index: 100;
}
.feature{
padding: 0px 10px 10px 20px;
margin:0px 0px 0px 178px;
font-size: 80%;
min-height: 200px;
height: 200px;
width:95,6%;
text-align: justify;
}
-->
</style>
<body>
<div id="pagecell1">
<div id="pageName">
<h2>Страница</h2>
</div>
<div id="content">
<div id="bckgrimg" style="background-image: url(../images/background/5_178.gif); ">
<div class="feature">
</div>
</div>
</div>
</div>
</div>
</body>
<style type="text/css">
<!--
#pagecell1{
position:relative;
top: 184px;
left: 2%;
right: 2%;
width:95.6%;
background-color: #ffffff;
}
#pageName{
margin: 0px;
border-bottom:1px solid #ccd2d2;
height:40px;
padding: 10px 0px 0px 10px;
}
#content{
padding: 0px;
margin:0px;
background-image: url("../images/bg_nav_fon.gif");
background-repeat:repeat-y;
}
#bckgrimg{
background-repeat: no-repeat;
background-position: bottom left;
z-index: 100;
}
.feature{
padding: 0px 10px 10px 20px;
margin:0px 0px 0px 178px;
font-size: 80%;
min-height: 200px;
height: 200px;
width:95,6%;
text-align: justify;
}
-->
</style>
<body>
<div id="pagecell1">
<div id="pageName">
<h2>Страница</h2>
</div>
<div id="content">
<div id="bckgrimg" style="background-image: url(../images/background/5_178.gif); ">
<div class="feature">
</div>
</div>
</div>
</div>
</div>
</body>
А картинка была фоном дива, боди или чего, может просто блок к котрому она относилась "съехал", потому что позиция у него по другому считается.
чтобы понять про какую картинку я говорю - попробуйте изменить position на абсолютное (вставьте 2 картинки width 178- одна просто фоновая, а другая должна быть слева внизу - вот она то при изменении позиционирования и не отображается - хочу разобраться из-за чего это и как собственно на это влияет позиционирование)