Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В. Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: На экране комкается текст
 
 автор: Владимир55   (25.12.2009 в 18:19)   письмо автору
19 Кб
 
 

В таблице из двух столбцов выводится по сто строк в каждой. Код такой (число строк сокращено):
<table id="table5" style="width: 100%; height: 100%">
  <tr>
    <td colspan="2">
        <p class="s10"><span class="s8">Б</span> - Алфавит</p>
    </td>
  </tr>
  <tr>
    <td width="50%">
        <p class="s10">девятьсот пятьдесят четыре</p>
        <p class="s10">триста семьдесят</p>
        <p class="s10">семьсот пять</p>
        <p class="s10">двадцать шесть</p>
        <p class="s10">четыреста один</p>
    </td>
    <td width="50%">
        <p class="s10">девятьсот восемьдесят один</p>
        <p class="s10">триста тридцать один</p>
        <p class="s10">двести двадцать один</p>
        <p class="s10">восемьсот</p>
        <p class="s10">восемьсот девяносто девять</p>
    </td>
  </tr>
</table>
Как и следовало ожидать, строки располагаются ровными рядами при просмотре в любом браузере, в том числе и в ИЕ. Но иногда именно в ИЕ (в других браузерах не замечено, но не исключено) строки в правом столбце скомкиваются и "лезут друг на друга" (см. скриншот). Это может случиться в любом месте правого столбца - и вверху, и в середине, и внизу. Но только в правом столбце! Сто раз обновишь страницу - и все нормально. А на сто первом вдруг сбой!

Что бы это могло быть?

  Ответить  
 
 автор: elenaki   (25.12.2009 в 18:33)   письмо автору
 
   для: Владимир55   (25.12.2009 в 18:19)
 

может, valign=top?
а если по-хорошему, то надо каждую строку текста помещать в отдельную строку таблицы. тогда ничего скомкиваться не будет.

  Ответить  
 
 автор: Владимир55   (25.12.2009 в 18:44)   письмо автору
 
   для: elenaki   (25.12.2009 в 18:33)
 

valign=top в этой таблице отсутствует. И что больше всего удивляет - непостоянство этого эффекта: один раз при обновлении странице он есть, пятьдесят раз его нет!

Что там накапливается, в браузере?

  Ответить  
 
 автор: elenaki   (25.12.2009 в 18:48)   письмо автору
 
   для: Владимир55   (25.12.2009 в 18:44)
 

valign=top в этой таблице нету.
===============================
это я вижу. а если поставить?
а если прописать в стилях р высоту строки?
ничего там не накапливается, он просто не успевает прорисовать

  Ответить  
 
 автор: Владимир55   (25.12.2009 в 18:55)   письмо автору
 
   для: elenaki   (25.12.2009 в 18:48)
 

Так:
<table id="table5" style="width: 100%; height: 100%; valign=top ">
Не влияет...

  Ответить  
 
 автор: elenaki   (25.12.2009 в 19:02)   письмо автору
 
   для: Владимир55   (25.12.2009 в 18:55)
 

высоту строки, а не высоту таблицы.
line-height = (не знаю какая у вас высота шрифта) + 2px

http://css.manual.ru/properties/line-height

  Ответить  
 
 автор: Владимир55   (25.12.2009 в 19:09)   письмо автору
 
   для: elenaki   (25.12.2009 в 19:02)
 

Шрифт 8
<table id="table5" style="width: 100%; height: 100%; line-height: 10px ">
Не исправило дело.

Могу, конечно, сделать в таблице строки по числу строк текста. Но интересно было бы понять, в чем тут штука?

  Ответить  
 
 автор: elenaki   (25.12.2009 в 19:15)   письмо автору
 
   для: Владимир55   (25.12.2009 в 19:09)
 

line-height: 10px в тег р! при чем тут таблица? или убрать вообще р и поставить br

  Ответить  
 
 автор: Владимир55   (25.12.2009 в 19:26)   письмо автору
 
   для: elenaki   (25.12.2009 в 19:15)
 

Я вписал его в используемый class="s10". Нормально?

Такое впечатление, что сбой стал реже. Но есть!

  Ответить  
 
 автор: elenaki   (25.12.2009 в 19:29)   письмо автору
 
   для: Владимир55   (25.12.2009 в 19:09)
 

а у меня вот нет времени думать, почему что-то не работает. :(
просто делаю, чтоб работало и все.

  Ответить  
 
 автор: Владимир55   (25.12.2009 в 19:39)   письмо автору
 
   для: elenaki   (25.12.2009 в 19:29)
 

А мне всё же разобраться хочется; понять, что и как.

  Ответить  
 
 автор: oliss   (26.12.2009 в 00:33)   письмо автору
 
   для: Владимир55   (25.12.2009 в 19:39)
 

Это может чудить браузер или у вас заполнена под завязку виртуальная память на машине ,может проще будет
<div class="s10">
девятьсот восемьдесят один<br/>
триста тридцать один<br/>
</div >
или списками
<ul class="s10">
<li>девятьсот восемьдесят один</li>
<li>..........</li>
</ul>

  Ответить  
 
 автор: ~AquaZ~   (26.12.2009 в 12:39)   письмо автору
 
   для: oliss   (26.12.2009 в 00:33)
 

Лучше списками, <br> и <p> фтопку

  Ответить  
 
 автор: Владимир55   (26.12.2009 в 13:40)   письмо автору
 
   для: oliss   (26.12.2009 в 00:33)
 

В варианте с <br/> отступ только у первого предложения, но это уже решаемая проблема. Зато сбоев не наблюдается.

Список от этих проблем свободен.

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования