Форум Сайтостроение Веб-строительство

Помогите с версткой, плиз

12
7910
На сайте с 18.07.2007
Offline
181
7910
1001

Столкнулась с очень не приятной особенностью отображения в IE (в остальных браузерах все нормально). Есть объединенные ячейки и в них рисунок, в следующей строчке 3 ячейки, в средней width="100%". Проблема в IE: если рисунок превышает ширину средней ячейки, то эта ячейка принимает его ширину. Пример 


<HTML>

<HEAD><TITLE>My store</TITLE>

</HEAD>

<BODY>



<TABLE>

  <TR><TD  colspan="3">

    <img src="http://www.spice-moskva.7910.org/spice-moskvaimages/spice-moskva_osc.gif" width="1000" height="50"></TD></TR>

  <TR><TD>1111111111111111111111111111</TD><TD width="100%">22222222222222222222222</TD><TD>33333333333333333333</TD></TR>

</TABLE>

 

 </BODY>

 </HTML>

Если увеличивать ширину рисунка, то ширина второй ячейки (где двойки) тоже растет, уходит за пределы экрана, появляются полосы прокрутки. Как это побороть?

[Удален]
#1
<HTML>
<HEAD>
<meta http-equiv="content-type" content="text/html;charset=windows-1251">
<TITLE>My store</TITLE>
</HEAD>
<BODY>

<TABLE width="1000">
<TR><TD colspan="3"><img src="http://www.spice-moskva.7910.org/spice-moskvaimages/spice-moskva_osc.gif" width="1000" height="50"></TD></TR>
<TR><TD width="33%">1111111111111111111111111111</TD><TD width="33%">22222222222222222222222</TD><TD width="33%">33333333333333333333</TD></TR>
</TABLE>

</BODY>
</HTML>

вот так наверно те нужно)))

KosoyRoman добавил 01.10.2008 в 18:48

или лучше так

<HTML>
<HEAD>
<meta http-equiv="content-type" content="text/html;charset=windows-1251">
<TITLE>My store</TITLE>
</HEAD>
<BODY>

<TABLE width="1000">
<TR><TD colspan="3"><img src="http://www.spice-moskva.7910.org/spice-moskvaimages/spice-moskva_osc.gif" width="1000" height="50"></TD></TR>
<TR><TD align="left" width="33%">1111111111111111111111111111</TD><TD align="center" width="33%">22222222222222222222222</TD><TD align="right" width="33%">33333333333333333333</TD></TR>
</TABLE>

</BODY>
</HTML>
7910
На сайте с 18.07.2007
Offline
181
7910
#2

К сожалению в реальном проекте, где это нужно эти 3 TD не должны быть одинаковой ширины. Правая и левая имеют фиксированную ширину, а средняя должна растягиваться на все остальное пространство

[Удален]
#3

дак какя ширина у них должна быть? скажи сделаем ))

viКing
На сайте с 20.03.2008
Offline
124
viКing
#4

бросьте глупостями заниматься, вставьте вместо первой строки таблицы


<div style="background:url(http://www.spice-moskva.7910.org/spice-moskvaimages/spice-moskva_osc.gif) no-repeat; height:50px;"> </div>
<TABLE>
<TR><TD>1111111111111111111111111111</TD><TD width="100%">22222222222222222222222</TD><TD>33333333333333333333</TD></TR>
</TABLE>

(стили вынесите в отдельный файл).

По большому счету таблица здесь вообще не нужна.

7910
На сайте с 18.07.2007
Offline
181
7910
#5

если б все было так просто я б и сама сделала, все сложней гораздо. Это я упростила таблицу, чтоб нагляднее была. На самом деле верстка там сложная, это верстка шаблона osC, на которой сейчас одновременно 10 тысяч магазинов сидит, так что кардинально изменить нельзя, все попрыгает у тысяч клиентов. Сегодня один из клиентов в своем магазине задал сверху большую картинку шириной 1024 и заметил сей глюк в IE, вот эта страница: http://smart-shop.7910.org - справа и слева от рисунка совершенно ненужные лишние расстояния, равные ширинам левой и правой ячеек, который я никак не могу убрать, что только не пробовала :-(

Верхнюю строку убрать и заменить на див нельзя, заменить рисунок бекграундом тоже, бекграунд там и так есть.

eTarget 2011:Панельная дискуссия «Стратегия eTarget 2011: Круглый стол Могут ли «плохие» входящие
[Удален]
#6
7910:
сей глюк в IE, вот эта страница: http://smart-shop.7910.org

так и в мазиле криво отображается (Mozilla/5.0 (Windows; U; Windows NT 6.0; ru; rv:1.8.1.17) Gecko/20080829 Firefox/2.0.0.17) на разрешении 1024 :)

попробуйте просто убрать width="100%"

7910
На сайте с 18.07.2007
Offline
181
7910
#7
burunduk:
так и в мазиле криво отображается (Mozilla/5.0 (Windows; U; Windows NT 6.0; ru; rv:1.8.1.17) Gecko/20080829 Firefox/2.0.0.17) на разрешении 1024 :)

попробуйте просто убрать width="100%"

Хм, у меня в мазиле нормально. burunduk, спасибо за замечание, постараюсь достать версию как у Вас.

если убрать width="100%", то средний столбец (там где основной контент) становится узеньким, за ним сразу третий, а после много пустого пространства, как на прикрепленном рисунке 😕

gif crop.gif
[Удален]
#8

7910, можно скриптом задать ширину ячеек в зависимости от необходимого размера

jpg 21672.jpg
7910
На сайте с 18.07.2007
Offline
181
7910
#9

burunduk, спасибо за советы и скриншот. Наверное, и вправду придется скриптом задавать...

rasiell
На сайте с 16.02.2008
Offline
180
rasiell
#10

попробуйте у ячейки в которой двойки вместо width="100%" поставить width="auto" , должно вылечить

Zerber (http://spartanets.ru/zerber) — программа для публикации статей в различные CMS и блогсервисы
12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий