Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > двойной интервал между строками

Автор: underW 6.4.2009, 16:43

добавляю на страничку простой div:

Код


<body>
<div contenteditable="true"/>
</body>

со свойством contenteditable установленым в true.
Теперь в IE пробую вводить текст в этот див... и вижу интересную вещь - между введенными строками получаеться двойной интервал.. чего это вдруг? вот в FF и Opera все нормально.

Автор: Nikol 7.4.2009, 14:52

А задавать междустрочный интервал пробовали?

Автор: underW 7.4.2009, 20:56

вот сообственно весь код:

Код


<html>
<head>
</head>
<body>
<script>
document.write(navigator.userAgent)
</script>
<DIV CONTENTEDITABLE STYLE="height: 300px; width: 300px; border: 2px solid pink"></DIV>
</body>
</html>

а вот картинка, на которой видно, где проблема
user posted image

вводим текст-нормально, нормально, а потом бац и двойной интервал!

Автор: Nikol 7.4.2009, 21:23

Чтоб таких проблем не возникало, всегда в самом начале css обнуляйте все отступы.

Код


* {
 padding: 0;
 margin: 0;
}

Вот такой код должен быть у вас:

Код


<!DOCTYPE XHTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<html>
<head>
<style type="text/css">
* {
 padding: 0;
 margin: 0;
}
</style>
</head>
<body>
<script>
document.write(navigator.userAgent)
</script>
<DIV CONTENTEDITABLE STYLE="height: 300px; width: 300px; border: 2px solid pink; line-height: normal;"></DIV>
</body>
</html>

Автор: underW 7.4.2009, 21:47

фух, ну наконец то таки получилось. Nikol большое спасибо!