Проблема с версткой

12 3
Л
На сайте с 28.01.2009
Offline
1
992

Добрый день. Столкнулся с такой проблемой. Верстаю шаблон, часть его состоит из трех блоков.

Левая и правая часть фиксированные (70px), центральная резиновая. Чтобы резина не затягивала фиксированную длину, стоит spacer.gif. Реальное же изображение прописано в css. Проблема в том, что все браузеры, кроме мозилы показывают шаблон нормально. Мозила не обращает внимание на spacer.gif, и резиной все затягивает. В чем может быть причина? Какой параметр я упустил? Верстку div,ами не предлогать

jpg 27652.jpg
А мы с тобой, в поисках главного, пускали в небо корабли, чтобы найти друг друга. Но от Удельной до Восстания, друг, как от Лиговки до самого Юга...
RU
На сайте с 08.12.2008
Offline
9
#1
Легион:
Какой параметр я упустил? Верстку div,ами не предлогать

извините телепаты в отпуске, зайдите завтра или выложите разметку стр.

доступный способ для оплаты ваших услуг (http://www.smsdostup.ru/3137/) Дивная верстка за $10 (/ru/forum/324509)
Л
На сайте с 28.01.2009
Offline
1
#2

html код данной части

<td width="100%" valign="top"><table width="100%" border="0">

<td width="70" class="left"><img src="{THEME}/images/spacer.gif" width="70" height="1" /></td>
<td width="100%" valign="top" class="table"> <br />
{content}
</td>
<td width="70" class="right"><img src="{THEME}/images/spacer.gif" width="70" height="1" /></td>
</table></td>

css

.left {

background-image: url(../images/left.png);

background-repeat: repeat-y;

}

.right {

background-image: url(../images/right.png);

background-repeat: repeat-y;

Anarchist
На сайте с 23.07.2008
Offline
185
#3

Чота типа этого?

<table cellpadding="0" cellspacing="0" border="1" width="100%">
<tr>
<td width="70"></td>
<td>&nbsp;</td>
<td width="70"></td>
</tr>
</table>
Л
На сайте с 28.01.2009
Offline
1
#4
Anarchist:
Чота типа этого?

Нет, но вы меня подтолкнули на идею, которая сработала. Спасибо

RU
На сайте с 08.12.2008
Offline
9
#5
Легион:
html код данной части
<td width="100%" valign="top"><table width="100%" border="0">

<td width="70" class="left"><img src="{THEME}/images/spacer.gif" width="70" height="1" /></td>
<td width="100%" valign="top" class="table"> <br />
{content}
</td>
<td width="70" class="right"><img src="{THEME}/images/spacer.gif" width="70" height="1" /></td>
</table></td>


а куда <tr></tr> дели?.. ))
Anarchist
На сайте с 23.07.2008
Offline
185
#6
Легион:
вы меня подтолкнули на идею, которая сработала

дописать к уже имеющимся ячейкам их размер? :)

Real-Unior:
а куда <tr></tr> дели?.. ))

да там вообще таблица в какой-то ячейке лежит. Выдрано откуда-то... Мусор короче :)

RU
На сайте с 08.12.2008
Offline
9
#7
Anarchist:
дописать к уже имеющимся ячейкам их размер? :)
да там вообще таблица в какой-то ячейке лежит. Выдрано откуда-то... Мусор короче :)

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

З
На сайте с 24.04.2008
Offline
54
#8
Anarchist:
Верстку div,ами не предлогать

Удивило использование CSS-классов, а не инлайн-стилей... Возможно, человек еще перейдет на блоки.

Givandos
На сайте с 25.06.2007
Offline
33
#9

В центральной колонке не нужно указывать ширину, если она должна быть на всю оставшуюся часть экрана. Только главное не забыть в таблице указать 100% ширины.

А насчет валидности верстки - тут да, паника. Потому ТС и сказал, чтоб дивы не предлагали. Он там просто умом тронется от требований правильно все верстать :)

Givandos добавил 29.01.2009 в 10:44

Здыхлик

<td width="100%" valign="top" class="table">

Ну раз уж название класса "очень соответствует" своему назначению, то думаю переход будет не скорым :D

Л
На сайте с 28.01.2009
Offline
1
#10
Real-Unior:
Легион:
html код данной части
<td width="100%" valign="top"><table width="100%" border="0">

<td width="70" class="left"><img src="{THEME}/images/spacer.gif" width="70" height="1" /></td>
<td width="100%" valign="top" class="table"> <br />
{content}
</td>
<td width="70" class="right"><img src="{THEME}/images/spacer.gif" width="70" height="1" /></td>
</table></td>


а куда <tr></tr> дели?.. ))


В данном случае <tr> не нужен, т.к. это часть является подтаблицей. Посмотрите самый первый тег - это лишь второй блок. Ради интереса поставил параметр - дизайн разъехался:).

Легион добавил 29.01.2009 в 19:28
Anarchist:
дописать к уже имеющимся ячейкам их размер? :)

да там вообще таблица в какой-то ячейке лежит. Выдрано откуда-то... Мусор короче :)


Нет, просто убрать параметр 100%, т.к. там подгружается второй шаблон, который так же имеет данный параметр.

Ничего там не выдрано. Это часть кода. Или выложить весь 16 кб код?

Легион добавил 29.01.2009 в 19:32
Здыхлик:
Удивило использование CSS-классов, а не инлайн-стилей... Возможно, человек еще перейдет на блоки.


В html пишу только таблицу и ставлю логотип. Абсолютно все остальные параметры выношу в css. На дивы врядли перейду. Когда-то хотел, начал искать информацию, но варианты, типа: "Во всех браузерах смотрится ПОЧТИ одинакого" или "Такое сделать не возможно" меня не устраивает.

Легион добавил 29.01.2009 в 19:38
Givandos:
В центральной колонке не нужно указывать ширину, если она должна быть на всю оставшуюся часть экрана. Только главное не забыть в таблице указать 100% ширины.
А насчет валидности верстки - тут да, паника. Потому ТС и сказал, чтоб дивы не предлагали. Он там просто умом тронется от требований правильно все верстать :)

Givandos добавил 29.01.2009 в 10:44
Здыхлик
<td width="100%" valign="top" class="table">

Ну раз уж название класса "очень соответствует" своему назначению, то думаю переход будет не скорым :D


И какая разница как я называю стиль или ID? Или ставить что-то типа dop_tr? Так типа круче смотрится?
12 3

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