Расползлась таблица

Поделиться12009-05-16 14:24:39

Автор: Finca
Форумчанин
Откуда: оттуда ---->
Зарегистрирован: 2008-08-19
Приглашений: 0
Сообщений: 88
Уважение: +3
Позитив: +9
Пол: Женский
Возраст: 34 [1990-09-11]
Провел на форуме:
2 дня 4 часа
Последний визит:
2013-01-18 22:05:57

Дело в том, что на моём форуме проблемы с таблицей. В Опере и Internet Explorer всё смотрится нормально, а в Mozilla Firefox она расползается.

Что с этим можно сделать, чтобы она (таблица), во всех браузерах отображалась нормально?

Отредактировано Finca (2009-05-16 14:25:05)

0

Поделиться22009-05-16 21:19:11

Автор: Ksana
Помощник ZeroParking
Откуда: Місто Lemberg
Зарегистрирован: 2008-07-04
Приглашений: 0
Сообщений: 683
Уважение: +47
Позитив: +91
Провел на форуме:
7 дней 7 часов
Последний визит:
2012-05-24 19:40:08

Finca, размеры ячеек указаны в пикселах или процентах?

0

Поделиться32009-05-17 03:38:34

Автор: Finca
Форумчанин
Откуда: оттуда ---->
Зарегистрирован: 2008-08-19
Приглашений: 0
Сообщений: 88
Уважение: +3
Позитив: +9
Пол: Женский
Возраст: 34 [1990-09-11]
Провел на форуме:
2 дня 4 часа
Последний визит:
2013-01-18 22:05:57

Ksana
В процентах. Я в пикселях ещё немного путаюсь >.<"

0

Поделиться42009-05-17 10:52:09

Автор: D_the_B
Помощник ZeroParking
Откуда: я такой с Шарьи
Зарегистрирован: 2008-03-24
Приглашений: 0
Сообщений: 1255
Уважение: +133
Позитив: +41
Пол: Мужской
Возраст: 32 [1992-11-01]
Провел на форуме:
12 дней 0 часов
Последний визит:
2012-03-21 21:56:16

Finca
долго думал над решением совместимости и провел ряд "опытов"
с такими браузерами как:
Netscape Navigator ; Mozilla Firefox ; Opera ; Internet Explorer 7; Apple Safari

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

1. Ячейка, в которой была карта. изменена, и вы теперь можете видеть вверзу надпись "Меню" изменяйте её на любую другую, но не убирайте,
так как это таблица и эта ячейка необходима для корректного отображения вашей карты-картинки
2. каждый подзаголовок теперь имеет ячейку с высотой 20пикселей...лучше не менять, так как я под неё строил соотношение ячеек и строк
3. Объявление про игру (самая левая и нижняя колонка) теперь не является бегущим абзацем... там теперь просто текст, который если превышает
высоту ячейки, то справа от него появляется ползунок.. очень удобно и практично, так как бегущая строка конфликтовала и не хотела принимать на
себя ограничение в пикселях
4. соотношение между нижними ячейками тоже изменено, но для чужого глаза не заметно, зато теперь все красиво, (для меня по крайней мере)
5. собственно много чего потерпело изменения, но на вид не коснулись ни капельки...
6. принимайте работу..

Код:

<table style="width: 100%;"
 background="http://s44.radikal.ru/i106/0905/22/19d27b1b4763.jpg"
 border="1">
  <tbody>
    <tr>
      <td colspan="4" align="center" valign="baseline">
      <marquee><font size="4">
      <script>
var text="Добро пожаловать в Белорию" // YOUR TEXT
var speed=80 // SPEED OF FADE
if (document.all||document.getElementById){
document.write('<span id="highlight">' + text + '</span>')
var storetext=document.getElementById? document.getElementById("highlight") : document.all.highlight
}
else
document.write(text)
var hex=new Array("00","14","28","3C","50","64","78","8C","A0","B4","C8","DC","F0")
var r=1
var g=1
var b=1
var seq=1
function changetext(){
rainbow="#"+hex[r]+hex[g]+hex[b]
storetext.style.color=rainbow
}
function change(){
if (seq==6){
b--
if (b==0)
seq=1
}
if (seq==5){
r++
if (r==12)
seq=6
}
if (seq==4){
g--
if (g==0)
seq=5
}
if (seq==3){
b++
if (b==12)
seq=4
}
if (seq==2){
r--
if (r==0)
seq=3
}
if (seq==1){
g++
if (g==12)
seq=2
}
changetext()
}
function starteffect(){
if (document.all||document.getElementById)
flash=setInterval("change()",speed)
}
starteffect()
      </script></font></marquee>
      </td>
    </tr>
    <tr>
      <td colspan="2" rowspan="1"
 style="vertical-align: baseline; text-align: center; width: 592px; height: 20px;">
      <font corsiva="" color="#ff6600" face="Monotype"
 size="2"><b><i>Меню</i></b></font></td>
      <td
 style="width: 30%; vertical-align: baseline; text-align: center; height: 20px;">
      <font corsiva="" color="#ff6600" face="Monotype"
 size="2"><b><i>Администраторы</i></b></font>
      </td>
      <td
 style="width: 30%; vertical-align: baseline; text-align: center; height: 20px;">
      <font corsiva="" color="#ff6600" face="Monotype"
 size="2"><b><i>Модераторы</i></b></font>
      </td>
    </tr>
    <tr>
      <td style="width: 593px;" colspan="2" rowspan="3">
      <div style="text-align: center;"><img
 src="http://s49.radikal.ru/i125/0904/8d/cbea76881bad.jpg" alt=""
 usemap="#uy_Map" border="0" height="375"
 width="592"><map name="uy_Map">
      <area shape="rect" alt="" coords="0,258,356,306"
 href="http://belorianev.rolka.su/viewtopic.php?id=4">
      <area shape="rect" alt="" coords="0,210,256,252"
 href="http://belorianev.rolka.su/viewtopic.php?id=8">
      <area shape="rect" alt="" coords="0,155,242,202"
 href="http://belorianev.rolka.su/viewtopic.php?id=11">
      <area shape="rect" alt="" coords="0,107,219,149"
 href="http://belorianev.rolka.su/viewtopic.php?id=46">
      <area shape="rect" alt="" coords="0,57,158,97"
 href="http://belorianev.rolka.su/viewtopic.php?id=5">
      <area shape="rect" alt="" coords="0,8,130,48"
 href="http://belorianev.rolka.su/viewtopic.php?id=7">
      </map>
      </div>
      </td>
      <td align="center" valign="baseline"><br>
      <a href="http://belorianev.rolka.su/profile.php?id=2">Вольха</a><br>
      <a href="http://belorianev.rolka.su/profile.php?id=25">Келла</a><br>
      <a href="http://belorianev.rolka.su/profile.php?id=10">Лён</a><br>
      </td>
      <td align="center" valign="baseline">
      <br>
      <a href="http://belorianev.rolka.su/profile.php?id=49">Ксандр
Деянир Перлов</a><br>
      <br>
      <a href="http://belorianev.rolka.su/viewtopic.php?id=179">Мирослав</a>
      <br>
      </td>
    </tr>
    <tr>
      <td
 style="vertical-align: baseline; text-align: center; height: 20px;">
      <font corsiva="" color="#ff6600" face="Monotype"
 size="2"><b><i>Дата и время</i></b></font>
      </td>
      <td
 style="vertical-align: baseline; text-align: center; height: 20px;">
      <font corsiva="" color="#ff6600" face="Monotype"
 size="2"><b><i>Рекламерам</i></b></font>
      </td>
    </tr>
    <tr>
      <td align="center" valign="center"> <iframe
 name="fantasy"
 src="http://fantasyflash.ru/clock/lony.php?n=4&amp;bcolor=f5f5f5"
 frameborder="0" height="79" scrolling="no"
 width="70"></iframe>
      <br>
      <b><u>
      <center>В игре</center>
      </u></b><br>
      <center>12 заснежня 09.00-12.00 время</center>
      </td>
      <td align="center" valign="center">
      <center>Уважаемые! Если хотите отрекламить у нас свой
форум, помните всего два несложных правила:
      <center><b>1.</b> Реклама только взаимная, всё
проверяем.
      <center><b>2.</b> Реклама только под ником - <b>Рекламер</b>,
пароль - <b>1212</b>
      </center>
      </center>
      </center>
      </td>
    </tr>
    <tr>
      <td rowspan="4"
 style="vertical-align: baseline; text-align: center; width: 296px;">
      <div style="height: 200px; overflow: auto;">
      <center>~Игра началась, но пока к основному сюжету ещё не
приступали. Привыкаем к игре, обустраиваемся. Нельзя начинать игру,
если не принята анкета, или не принята ваша начальная точка. Чтобы
начать играть надо отписаться в <a
 href="http://belorianev.rolka.su/viewtopic.php?pid=727#p727">данной
теме</a> и дождаться одобрения админов~
      <br>
      <hr>
      <center>~<b><u>Внимание всем игрокам!!!</u></b>
Все, кто участвуют в каком-либо квесте, просьба отписаться в опросах, в
спец-теме. Обратите пожалуйста внимание на то, что написано там в
первом посте.~
      <br>
      <hr>
      <center>~Всех прошу обратить внимание на <a
 href="http://belorianev.rolka.su/viewtopic.php?pid=4755#p4755"><b>Доску
объявлений!!!</b></a> ~
      </center>
      </center>
      </center>
      </div>
      </td>
      <td colspan="2"
 style="vertical-align: baseline; text-align: center; height: 20px;"><font
 corsiva="" color="#ff6600" face="Monotype"
 size="2"><b><i>Погода</i></b></font>
      </td>
      <td
 style="vertical-align: baseline; text-align: center; height: 20px;">
      <font corsiva="" color="#ff6600" face="Monotype"
 size="2"><b><i>Новости</i></b></font>
      </td>
    </tr>
    <tr>
      <td colspan="2"
 style="vertical-align: baseline; text-align: center; height: 80px;">
      <i>
      <center>На улице лёгкий морозец, -21...-19. Солнце уже
встало, на небе ни облачка, а на западе снегопад.</center>
      </i></td>
      <td rowspan="3" align="center" valign="center">
      <a
 href="http://belorianev.rolka.su/viewtopic.php?pid=3751#p3751">&gt;&gt;&gt;Если
вы вдруг вернулись на ролевую после длительного отсутствия и
обнаружили, что не можете писать в темах. Вам
сюда.&lt;&lt;&lt;</a><br>
      <a
 href="http://belorianev.rolka.su/viewtopic.php?pid=4888#p4888"><font
 color="red" size="2"><b><i>Всем сюда!!!</i></b></font></a>
      </td>
    </tr>
    <tr>
      <td
 style="vertical-align: baseline; text-align: center; height: 20px;">
      <font corsiva="" color="#ff6600" face="Monotype"
 size="2"><b><i>Гостям</i></b></font>
      </td>
      <td
 style="width: 25%; vertical-align: baseline; text-align: center; height: 20px;">
      <font corsiva="" color="#ff6600" face="Monotype"
 size="2"><b><i>Жмём постоянно</i></b></font>
      </td>
    </tr>
    <tr>
      <td
 style="vertical-align: baseline; text-align: center; height: 80%; width: 296px;">
Гости могут писать во флуде! Не сидим просто так, регистрируемся,
включаемся в игру.
      </td>
      <td
 style="vertical-align: baseline; text-align: center; height: 80px;">
      <center><a
 href="http://anime-club.info/top100/in?id=4930" target="_blank"><img
 src="http://anime-club.info/top100/img/logo.gif?"
 alt="http://anime-club.info/top100/" border="0"></a>
      <script src="http://www.top.hpn.ru/hpntop_counter.php?id=2027"></script><a
 title="Каталог фэнтези сайтов Палантир"
 href="http://palantir.in/?from=4862" target="_blank"><img
 src="http://palantir.in/count.php?id=4862&amp;cid=concept6.png"
 alt="Каталог фэнтези сайтов Палантир" border="0"
 height="31" width="88"></a></center>
      </td>
    </tr>
  </tbody>
</table>

7. но прежде чем поставить таблицу к себе посмотрите на неё на форуме http://table.0pk.ru

Отредактировано D_the_B (2009-05-17 10:53:17)

+1