Проблема с Opera

Yucca
На сайте с 09.08.2006
Offline
38
724

Здравствуйте.

Делаю верстку, обязательным условием является кроссбраузерность. Возникла проблема - блок с меню глючит в Опере, по всей видимости Опера не воспринимает параметр height: 100% .

Вот скриншоты:

1. В Internet Explorer

2. В Opera

Вод код блока:

<table cellspacing="0" cellpadding="0" width="225" height="100%">

<tbody>

<tr>

<td width="225" height="18" colspan="3"><img src="img/s.gif"></td>

</tr>

<tr>

<td width="17" height="100%" class="s">

<table cellspacing="0" cellpadding="0" height="100%">

<tbody>

<tr>

<td valign="top"><img src="img/s6.gif"></td>

</tr>

<tr>

<td valign="bottom"><img src="img/s5.gif"></td>

</tr>

</tbody>

</table>

</td>

<td width="180">

<ul>

<li><a href="index.html" class="lmenu">Новости</a>

<li><a href="index.html" class="lmenu">Экспертное мнение</a>

<li><a href="index.html" class="lmenu">Наружная реклама</a>

<li><a href="index.html" class="lmenu">Телевизионная реклама</a>

<li><a href="index.html" class="lmenu">Рекламный спам</a>

<li><a href="index.html" class="lmenu">Реклама или антиреклама</a>

<li><a href="index.html" class="lmenu">Успехи и провалы рекламных компаний</a>

<li><a href="index.html" class="lmenu">Достала реклама!</a>

<li><a href="index.html" class="lmenu">Как бороться с рекламой</a>

<li><a href="index.html" class="lmenu">Недобросовестная реклама</a>

<li><a href="index.html" class="lmenu">На диком западе</a>

<li><a href="index.html" class="lmenu">Не рекомендуем</a>

</ul>

</td>

<td width="28" class="s1"></td>

</tr>

<tr>

<td width="225" height="49" colspan="3"><img src="img/s4.gif"></td>

</tr>

</tbody>

</table>

Дизайн сайтов (http://www.free-lance.ru/users/Yucca). Создание блога с нуля. Пошаговое руководство. (/ru/forum/comment/3596636).
dkameleon
На сайте с 09.12.2005
Offline
386
#1

Предоставленный кусок кода не приемлем для исправления.

Предоставьте полную ХТМЛ страницу с графикой.

Дизайн интерьера (http://balabukha.com/)
S
На сайте с 06.02.2006
Offline
85
#2

Yucca, с высотой в 100% вы конечно намучаетесь. Первый совет, у картинок прописывайте обязательно ширину и высоту, чтобы при отключенной графике у человека особых глюков небыло.

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

p.s. что-то у меня скриншоты не грузятся.

С уважением, Хорев Андрей (http://www.khorev.net/)
a.fatman
На сайте с 15.01.2006
Offline
127
#3

height 100% -- это извращение. Тем более, для «блока с меню». Но, если очень хочется, делайте примерно так:

В CSS:


html, body {
height:100%;
}

А в html надо убрать объявление doctype. Хотя, судя по вашему коду...

Yucca
На сайте с 09.08.2006
Offline
38
#4

a.fatman

Так в том то и дело, что я хочу сделать как-то по-другому, вместо height 100%, только незнаю как, меню должно тянуться по вертикали.

Про код - все width и height у меня в оигинале находятся в css, просто здесь их вставила в код, чтобы было видно что где.

a.fatman
На сайте с 15.01.2006
Offline
127
#5

Меню должно тянуться по вертикали (смысл?), или колонка должна быть другого цвета, нежели колонка с контентом?

Yucca
На сайте с 09.08.2006
Offline
38
#6

Меню должно тянуться по вертикали, чтобы можно было добавлять новые пункты в список. Проблема в том, что меню состоит из трех колонок: первая колонка - полоса с двумя графическими элементами, один из которых должен быть всегда внизу столбца, другой вверху, делается это засчет растягивания на сто процентов (т.е. по высоте второго столбца со списком). В опере сто процентов не работает и графические элементы собираются в кучу, а не так как надо.

a.fatman
На сайте с 15.01.2006
Offline
127
#7

Покажите лучше на картинке. И смотрите в сторону background.

3dn
На сайте с 15.03.2006
Offline
47
3dn
#8

Yucca, вот вам правильный код.

<table cellspacing="0" cellpadding="0" width="225" height="100%">

<tr>

<td width="225" height="18" colspan="3"><img src="/img/s.gif"></td>

</tr>

<tr>

<td width="17" class="s" valign="top"><img src="/img/s6.gif"></td>

<td width="180" rowspan="2">

<ul>

<li><a href="/index.html" class="lmenu">Новости</a>

<li><a href="/index.html" class="lmenu">Экспертное мнение</a>

<li><a href="/index.html" class="lmenu">Наружная реклама</a>

<li><a href="/index.html" class="lmenu">Телевизионная реклама</a>

<li><a href="/index.html" class="lmenu">Рекламный спам</a>

<li><a href="/index.html" class="lmenu">Реклама или антиреклама</a>

<li><a href="/index.html" class="lmenu">Успехи и провалы рекламных компаний</a>

<li><a href="/index.html" class="lmenu">Достала реклама!</a>

<li><a href="/index.html" class="lmenu">Как бороться с рекламой</a>

<li><a href="/index.html" class="lmenu">Недобросовестная реклама</a>

<li><a href="/index.html" class="lmenu">На диком западе</a>

<li><a href="/index.html" class="lmenu">Не рекомендуем</a>

</ul>

</td>

<td width="28" class="s1" rowspan="2"></td>

</tr>

<tr><td width="17" class="s" valign="bottom"><img src="/img/s5.gif"></td></tr>

<tr>

<td width="225" height="49" colspan="3"><img src="/img/s4.gif"></td>

</tr>

</table>

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

Yucca
На сайте с 09.08.2006
Offline
38
#9

3dn

Спасибо большое! :) Проблема решена.

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