Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > Проблемы при выделении текста мышью


Автор: igorold 17.5.2006, 12:23
Пытаюсь выделить мышью текст на сайте в IE, но выделяется текст от верхнего левого угла сайта до места, где я нажимаю левую кнопку мыши.
В Мозилле процесс выделения идет нормально/. Вот пример страницы:
Код

<!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=koi8-r">
<script type="text/javascript" src="/SupportDB2/jslib.js"></SCRIPT>
<link rel="stylesheet" href="/SupportDB2/support.css" type="text/css">
<TITLE>Support - Главное меню</TITLE>
</HEAD><BODY>
<DIV id="Logo">
<A href="/SupportDB2/support.pl?MainModule=MainMenu"><IMG src="/SupportDB2/logo.gif" alt="Logo" width="90" height="87"></A>
</DIV>
<DIV id=topmenu><FONT SIZE="+1" STYLE="bold">
<A HREF="/SupportDB2/support.pl?MainModule=MainMenu">Главная</A>&nbsp;&nbsp;
<A HREF="/SupportDB2/support.pl?MainModule=DBNums&ActionType=Search&Level=0" >Номера&nbsp;баз</A>&nbsp;&nbsp;
<A HREF="/SupportDB2/support.pl?MainModule=Customers&ActionType=List&Level=0">Заказчики</A>&nbsp;&nbsp;
<A HREF="/SupportDB2/support.pl?MainModule=Problems&ActionType=Choice" >Задачи</A>&nbsp;&nbsp;
<A HREF="/SupportDB2/support.pl?MainModule=Settings&ActionType=Personal&Level=0" >Настройки</A>&nbsp;&nbsp;
<A href="/SupportDB2/support.pl?MainModule=Guest&Level=0&FlagZ=0" target=new-book >Книга</A>&nbsp;&nbsp;
<A HREF="/SupportDB2/support.pl?MainModule=Logout" >Выход</A>
</FONT></DIV>
<DIV id=header><P id=topic>База данных отдела сопровождения</P></DIV>
<DIV id=center><table>
<tr><td rowspan=5>&nbsp;
<tr><td><H4>Версия программы - 2.9.42</H4>
<tr><td><H4>Приветствую вас, Игорь Худяков. Для дальнейшей работы выберите один из пунктов меню</H4>
<tr><td><P>Если у вас возникли проблемы при работе с системой, а также, если у вас есть замечания и предложения, напишите письмо <A HREF="mailto:[email protected]?Subject=Problems">администратору</A>.
 или можете оставить запись в меню <b>Книга<b></P>
<tr><td><P>С 4.03.2004 программа была вызвана 59225 раз.</P>
<tr><td colspan=2 align="center">    &nbsp;
</table></DIV>
</BODY></HTML>

все DIV-ы описаны в CSS-файле
Код

#Logo {
        display: block;
        position: absolute;
        padding: 0px;
        margin: 0px;
        top: 8px;
        left: 8px;
        width: 92px;
        height: 89px;
        background-color: AliceMBlue;
        color: DarkBlue;
}

#header {
        display: block;
        position: absolute;
        padding: 0px;
        margin: 0px;
        border-top: DarkSlateBlue 1px solid;
        border-left: DarkSlateBlue 1px dashed;
        border-right: DarkSlateBlue 1px solid;
        border-bottom: DarkSlateBlue 1px solid;
        top: 0px;
        left: 120px;
        width: 680px;
        height: 30px;
        background-color: LightSteelBlue;
        color: DarkBlue;
}

#topmenu {
        display: block;
        position: absolute;
        padding: 1px;
        margin: 0px;
        border: DarkSlateBlue 1px solid;
        border-left: DarkSlateBlue 1px dashed;
        font-family: "Lucida";
        font-weight: bold;
        top: 31px;
        left: 120px;
        height: 23px;
        background-color: DarkGray;
        width:840px;
        text-align: center;
}
#center {
        display: block;
        position: absolute;
        left: 120px;
        top: 60px;
        width: 87%;
        height: auto;
        padding: 1px;
        margin: 0px;
        border: 0px;
        background-color: AliceMBlue;
        border-left: DarkSlateBlue 1px dashed;
}

Это из-за DIV-ов? потому что на тех страницах, которые формирую без них в IE текст выделяется мышью нормально ...  

Автор: R.M. 17.5.2006, 13:12
Цитата(igorold @  17.5.2006,  13:23 Найти цитируемый пост)
Это из-за DIV-ов? 

Нет, это изза &nbsp; 

Автор: igorold 17.5.2006, 13:37
убрал все &nbsp; ... ничего не изменилось ....   

и у меня есть окно, в котором куча этих &nbsp; но нет DIV-вов и там все выделяется в IE без проблем .... 
и вот только что я добавил туда <DIV id=center> ..... </DIV> и проблема  началась 

Автор: R.M. 17.5.2006, 14:24
igorold, если не принципиально попробуй заменить на <span>, может поможет, а вообще не долдно быть такого, свёрстано видно кривовато smile этот код тебе редактор отдаёт или ты сам? 

Автор: igorold 17.5.2006, 14:53
вообще у меня идет формирование сайта скриптом perl с использованием шаблонов Template Toolkit , которые я пишу ручками и что получилось, я скинул в виде образца как Page Sourse (из мозиллы)
 только я не понял - что заменить  на <span> ?  - <div> ?
я еще со span не знаком ... дай хоть пример ...  

пример со span взял ... 
не знаю, получится ли заменить DIV на SPAN ... там же описывается как бы 4 области, в которых размещается
логотип, заголовок, основное меню и дальше - основная рабочая область окна ...  

Автор: R.M. 17.5.2006, 15:16
Чесно говоря проблема не в div'ах похоже, менять их ненадо. Непонимаю в чём она но жуть творится если выделяеш smile 

Автор: igorold 17.5.2006, 15:34
Цитата(Куксикус @ 17.5.2006,  15:16)
Чесно говоря проблема не в div'ах похоже, менять их ненадо. Непонимаю в чём она но жуть творится если выделяеш smile

как не в дивах? 
прочитай мой предыдущий пост от  17.5.2006, 13:37

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

Автор: R.M. 17.5.2006, 16:23
igorold, хотя, я кажеца понял почему так скачет.... ИЕ незнает как выделить текст в двух разных абсолютно-позиционированны дивах (что впринципе логично). Хотя может я не прав.

Добавлено @ 16:24 
Вообще моё ИМХО - там где дивы не обязательны лучше юзать таблицы, темболее что у тебя тут таблицей вышло бы в 5 раз проще 

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)