- Поисковые системы
- Практика оптимизации
- Трафик для сайтов
- Монетизация сайтов
- Сайтостроение
- Социальный Маркетинг
- Общение профессионалов
- Биржа и продажа
- Финансовые объявления
- Работа на постоянной основе
- Сайты - покупка, продажа
- Соцсети: страницы, группы, приложения
- Сайты без доменов
- Трафик, тизерная и баннерная реклама
- Продажа, оценка, регистрация доменов
- Ссылки - обмен, покупка, продажа
- Программы и скрипты
- Размещение статей
- Инфопродукты
- Прочие цифровые товары
- Работа и услуги для вебмастера
- Оптимизация, продвижение и аудит
- Ведение рекламных кампаний
- Услуги в области SMM
- Программирование
- Администрирование серверов и сайтов
- Прокси, ВПН, анонимайзеры, IP
- Платное обучение, вебинары
- Регистрация в каталогах
- Копирайтинг, переводы
- Дизайн
- Usability: консультации и аудит
- Изготовление сайтов
- Наполнение сайтов
- Прочие услуги
- Не про работу
Тренды маркетинга в 2024 году: мобильные продажи, углубленная аналитика и ИИ
Экспертная оценка Адмитад
Оксана Мамчуева
Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий
Здравствуйте.
Делаю верстку, обязательным условием является кроссбраузерность. Возникла проблема - блок с меню глючит в Опере, по всей видимости Опера не воспринимает параметр 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>
Предоставленный кусок кода не приемлем для исправления.
Предоставьте полную ХТМЛ страницу с графикой.
Yucca, с высотой в 100% вы конечно намучаетесь. Первый совет, у картинок прописывайте обязательно ширину и высоту, чтобы при отключенной графике у человека особых глюков небыло.
И второй совет, покажите полностью макет того, что нужно сверстать, и напишите чего хотите добиться простановкой 100% высоты.
p.s. что-то у меня скриншоты не грузятся.
height 100% -- это извращение. Тем более, для «блока с меню». Но, если очень хочется, делайте примерно так:
В CSS:
А в html надо убрать объявление doctype. Хотя, судя по вашему коду...
a.fatman
Так в том то и дело, что я хочу сделать как-то по-другому, вместо height 100%, только незнаю как, меню должно тянуться по вертикали.
Про код - все width и height у меня в оигинале находятся в css, просто здесь их вставила в код, чтобы было видно что где.
Меню должно тянуться по вертикали (смысл?), или колонка должна быть другого цвета, нежели колонка с контентом?
Меню должно тянуться по вертикали, чтобы можно было добавлять новые пункты в список. Проблема в том, что меню состоит из трех колонок: первая колонка - полоса с двумя графическими элементами, один из которых должен быть всегда внизу столбца, другой вверху, делается это засчет растягивания на сто процентов (т.е. по высоте второго столбца со списком). В опере сто процентов не работает и графические элементы собираются в кучу, а не так как надо.
Покажите лучше на картинке. И смотрите в сторону background.
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>
обратите внимание на то, что все ссылки и картинки начинаются на слеш "/", не забывайте его везде ставить, а то могут возникнуть проблемы если у вас на сайте будут страницы в подпапках.
3dn
Спасибо большое! :) Проблема решена.