Неправильная ширина столбца

[Black_Parrot]

Неправильная ширина столбца

HTML

Нужна ячейка 10*10px.

Часть кода:

<table width=1024px align="center">
  <tr height=10px>
   <td width=10px background=1.gif></td>
   <td bgcolor=#cce5ff></td>
   <td width=10></td>
  </tr>
    <tr height=100px>
   <td bgcolor=#cce5ff width=10px></td>
   <td bgcolor=#cce5ff></td>
   <td bgcolor=#cce5ff width=10></td>
  </tr>
  <tr height=10px>
   <td width=10px></td>
   <td bgcolor=#cce5ff></td>
   <td width=10></td>
  </tr>
</table>

А потом мне нужно будет убрать вот эти расстояния вокруг ячеек
Наверное, вот этим:

<style type="text/css">
  table {
   border:0;
   padding:0;
   border-spacing: 0;
    }

А вот такая фигня!!! Ширину ставит 12 пикселей почему-то!!! Из-за этого искажение фоновой картинки(повторяет её на лишние 2 пикселя)!

P.s. Делаю таблицу с закруглёнными углами.

 

[Black_Parrot]

Можно, конечно, просто размер картинки изменить на 10*12... но хочется "По правилам"...

 

[kreol]

ну а не пробовали поставить не 10 а 8 ячейку??

 

[Black_Parrot]

10x8...
Не, не пробовал...

А откуда эти 2 пикс. беруться?? Не хочется под них подстраиваться...

 

[kreol]

не знаю. возможно глюк браузера. а может попробуй стили ставить не для таблицы а для tr/td

 

[Black_Parrot]

Пробовал-не выходит... Наверное, я что-то не дописал в стилях...

Во всех траулерах так...

 

[Black_Parrot]

Ахахахаха!!! Траулерах!!!!!!!!!

Браузерах!!! Автоподстановка iOS ))))))))

 

[kreol]

Автоподстановка iOS

это что такое?

 

[Black_Parrot]

IOS - это мобильная операционная система на iphone, ipod touch и ipad...

А автоподстановка - она бывает исправляет то, что ты написал... В идеале - она должна уберечь от очепяток... а на практике получается, что получается... траулеры вместо браузеры...

 

[Black_Parrot]

Вариант 8пикселей работает...

Но! Мне там ещё нужно повставлять картинки и как-то постоянно отнимать эти 2 пикселя не очень удобно...

 

[Black_Parrot]

Так, вот, что я сделал!!

	TD {
    padding: 0px;
   }

НО!! Это работает только, когда border=1. Если Border убрать, то начинается вообще какая-то фигня и фон ячейки(в углу) начинает повторятся на соседней ячейке... (будто границу убрали и фон убежал на сосесднюю ячейку )

 

[Black_Parrot]

Фон не убегает, если соседняя ячейка не пуста! Если там есть какой-то текст, то всё, как надо! Теперь бы сделать, чтоб без содержимого тоже было всё ок...

 

[Black_Parrot]

Вобщем, сделал вот так:

Вот этим убрал все расстояния и рамки:

table
  {
   border-style: none;
   border-spacing: 0px;
    }
TD {
    padding: 0px;
   }

А, чтоб текст не убегал, пришлось вручную указывать ширину всех 3-х ячеек в первой строке.

До этого я указал ширину всей таблицы и ширину только крайних столбцов.


Но тут ещё одна проблема нарисовалась - IE не ест padding и border-spacing... красотаааа... Когда он уже сдохнет этот IE??

Проблема с IE решилась заменой

border-spacing: 0px

на

border-collapse: collapse

The End... может кому пригодится...