Проблемы с шаблоном на IE при разрешении 1024px

#1 18 января 2010 в 13:22

Всем привет. Помогите поправить верхушку шаблона, когда делал шаблон, то просматривал на разрешении 1280*1024 и всё подогнал под этот размер, но когда посмотрел при разрешении 1024*768, то увидел такое (как всегда портит всю малину IE).
Это на IE

а это на Firefox и Opera

Как сделать, чтобы на IE также было как и на других нормальных браузерах, т.е. середина не наезжала на первую часть картинки и не заслоняла её, на opera и firefox sitename переноситься, а на IE расширяет середину, вобщем такая вот проблема. И ещё такая проблема, почему-то боковые тени на IE при любом разрешении уходят за края браузера.
Код Верхней части такой

<table width="100%" height="100%" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#006633" id="outertable">
<tr>
  <td width="15" rowspan="9" background="/templates/new/images/lbok.jpg"></td>
  <td width="340" height="294" align="center" background="/templates/new/images/top2_01.png" style="background-repeat="no-repeat"></td>
  <td align="center" background="/templates/new/images/top2_02.png" id="sitename"><?php cmsPrintSitename(); ?></td>
  <td width="380" background="/templates/new/images/top2_03.png" style="background-repeat="no-repeat"></td>
  <td width="15" rowspan="9" background="/templates/new/images/rbok.jpg"></td>

Пицца Челентано Алчевск

#2 18 января 2010 в 13:39

у вас вторая ячейка пустая, та в которой картинка top2_01.png
IE не любит пустые ячейки, попробуйте вставить туда неразрывный пробел (& nbsp; без пробела после &) или невидимый гиф 340x1 пикс

Вопросы и ответы

#3 18 января 2010 в 13:55

Администратор, я так понял надо сделать так

  <td width="340" height="294" align="center" background="/templates/new/images/top2_01.png" style="background-repeat="no-repeat">Здесь вставить &(без пробела)nbsp;</td>

если надо было сделать так, то я так сделал, но результата нет

Пицца Челентано Алчевск

Сегодня в 06:18

#4 18 января 2010 в 14:08

ну сделайте растяжку тогда, прозрачный gif 1x1
и вставьте его в эту ячейку как картинку, указав ширину 340
тогда чтобы не произошло, логотип всегда будет виден

Вопросы и ответы

#5 18 января 2010 в 14:41

Пробовал через CSS присваивал id и прописывал ширину 340 ячейке — не помогло, думаю первую картинку top2_01.png поставить не как фон, а картинкой, может так поможет.

Пицца Челентано Алчевск

#6 18 января 2010 в 14:51

Пробовал через CSS присваивал id и прописывал ширину 340 ячейке — не помогло, думаю первую картинку top2_01.png поставить не как фон, а картинкой, может так поможет.
Юрий

поможет, конечно
можно попробовать еще через CSS этой ячейке добавить

display:block;

или

display:table-cell;

Вопросы и ответы

#7 19 января 2010 в 14:56

Ну, во-первых, я бы задавала ширину ячеек не в пикселях, а в процентах. Например по 33% на каждую. Картинки да — лучше картинками, а не фоном ставить. Это первый вариант.
Или высчитать примерно сколько в пикселях должна быть серединка от и до при разном разрешении (например от 300 до 350 — это надо самому посмотреть точнее) и написать такую штуку для нее в стилях (при этом боковым ячейкам задать ширину в пикселях жестко):

 
min-width: 300px;
    max-width: 350px;
    width: expression(document.body.clientWidth < 300? "300px" : document.body.clientWidth > 350? "350px" : "auto");

а вот таких плюшек лучше не делать: прозрачный gif 1x1 — поисковики на них нервно реагируют еще с советских времен — тогда оно модным было так их обманывать.

#8 19 января 2010 в 15:17

сейчас я переделал так в template

<table width="100%" height="100%" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#006633" id="outertable">
<tr>
  <td width="15" rowspan="9" background="/templates/new/images/lbok.jpg">&nbsp;</td>
  <td width="340" height="294" align="center" id="lshap">&nbsp;</td>
  <td align="center" id="sitename"><?php cmsPrintSitename(); ?>&nbsp;</td>
  <td width="380" id="rshap">&nbsp;</td>
  <td width="15" rowspan="9" background="/templates/new/images/rbok.jpg">&nbsp;</td>

в style

#lshap {
	height:294px;
	width: 340px;
	background-image: url(/templates/new/images/top2_01.png);
	background-repeat: no-repeat;
}
#rshap  {
	height:294px;
	width: 380px;
	background-image: url(/templates/new/images/top2_03.png);
	background-repeat: no-repeat;
}
#sitename{
	font-size:16px;
	color: #fff;
	font-weight:bold;
	background-image: url(/templates/new/images/top2_02.png);
	background-repeat: repeat-x;

На боковых top2_01.png и top2_03.png размеры задал жёстко

Пицца Челентано Алчевск

#9 19 января 2010 в 15:50

А что изменилось при этом? Прямо скажем, в ие опять не получилось:

#10 19 января 2010 в 18:23

при 1280*1024 и 1600*1200 в ИЕ было нормально когда я проверял, но смотрю что-то опять бока какие-то. Вот и не получается с этим ИЕ ничего у меня. Вродебы казалось задал параметры и готово, а нитут-то было в ИЕ. Хоть бери и вешайся cry

. Не пойму, что этому ишаку не так?
Это у меня при 1280px

это при 1600*1200

Пицца Челентано Алчевск

#11 25 января 2010 в 16:36

Так я и не чего не смог сделать с моим шаблоном. Люди добрые, у кого есть немного свободного времени и кто разбирается в этом, ну помогите разобраться с верхней частью моего шаблона. Только в IE возникает такая проблема центр с sitename наезжает на первую часть картинки, все скриншоты в первом посте, Шаб прилогается, делал в дримвиев 8. Кто сможет помогите, думаю для профессионалов это не сложно, а для меня целая морока. Заранее спасибо!

Пицца Челентано Алчевск

#12 25 января 2010 в 23:27

Спасибо за помощь, но изменений нет, как расширяло средину так и расширяет в ИЕ при разрешении экрана 1024px

Пицца Челентано Алчевск

#13 26 января 2010 в 12:31

Всё, я сделал сам. Всё оказалось очень просто (странно, что никто не подсказал такого элементарного решения), вместо разбивки данными строки на три части

<tr>
<td></td>
<td></td>
<td></td>
</tr>

, я в этой строке вставил таблицу и её разделил на три,

<tr>
<td>
<table>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</td>
</tr>

вот и решение этой проблемы. Тема закрыта.

Пицца Челентано Алчевск

замена префикса /users/ на про

интересный алгоритм голосовани

Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.

Проблемы с шаблоном на IE при разрешении 1024px

Похожие темы

Modern иконки шаблонов списка типов контента

[ЗАКРЫТО] Продам много платных компоненты дешево!

Что в системе доминирует: запрет или разрешение?

[ЕСТЬ РЕШЕНИЕ] Как выбрать стиль списка в зависимости от разрешения?

Настройка виджета для разных разрешений

[ЕСТЬ РЕШЕНИЕ] Как изменить размер изображения при загрузке

InstantCMS Team

О проекте

Поддержка

Дополнения