<MyRusakov.ru />

Профессия Web-разработчик

Профессия Web-разработчик

Этот комплект за 8 месяцев превратит Вас в Web-разработчика с нуля. Учиться достаточно 1 час в день.

Начнёте Вы с HTML, CSS и вёрстки сайтов. Потом перейдёте к программированию и JavaScript. Затем изучите PHP, MySQL, SQL, Python. Изучите Web-фреймворки Laravel и Django. Создадите 5 своих сайтов для портфолио.

Комплект содержит:

- 540 видеоуроков

- 110 часов видео

- 1205 заданий для закрепления материала из уроков

- 5 финальных тестов

- 7 сертификатов

- 12 Бонусных курсов

Подробнее
Подписка

Подпишитесь на мой канал на YouTube, где я регулярно публикую новые видео.

YouTube Подписаться

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Какая тема Вас интересует больше?

Форум сайта MyRusakov.ru

Таблица в Opera
20.05.2013 02:58:16 Таблица в Opera Сообщение #1
Дмитрий184

Дмитрий184

Мастер

Мастер

Дата регистрации:
29.06.2012 08:48:56

Сообщений: 225

Здравствуйте, Михаил!
Я создал таблицу, потом стал проверять как выглядит страница в разных браузерах - в браузерах IE, Firefox, Chrome таблица выглядит одинаково. А вот в браузере Opera неправильно отображается высота ячеек. Как я понимаю, высота ячейки складывается так - height + padding-top + padding-bottom Но в браузере Opera высота ячеек вычисляется иначе. Как можно исправить ситуацию, чтобы высота ячеек была одинаковой во всех браузерах? Вот пример кода.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>ТАБЛИЦА</title>
<style type="text/css">
table{
border: 1px solid #000;
}

td {
border: 1px solid #000;
width: 200px;
height: 70px;
padding: 30px 0 20px;
}
</style>
</head>
<body>
<table>
<tr>
<td>111</td>
<td>222</td>
</tr>
<tr>
<td>333</td>
<td>444</td>
</tr>
<tr>
<td>555</td>
<td>666</td>
</tr>
</table>
</body>
</html>
Профиль
20.05.2013 10:29:44 Таблица в Opera Сообщение #2
Admin

Admin

Администратор

Администратор

Дата регистрации:
27.05.2010 21:23:42

Сообщений: 3063

Либо отказаться от padding (используя лишь height), либо использовать хаки для opera.
Профиль
20.05.2013 22:20:17 Таблица в Opera Сообщение #3
Дмитрий184

Дмитрий184

Мастер

Мастер

Дата регистрации:
29.06.2012 08:48:56

Сообщений: 225

А не могли бы Вы показать на этом примере, как можно использовать хаки для Opera чтобы высота ячеек была такой же как в остальных браузерах. Я попробовал в Opera 11.61 но Opera вообще не реагирует на хак.
Профиль
20.05.2013 22:25:48 Таблица в Opera Сообщение #4
Admin

Admin

Администратор

Администратор

Дата регистрации:
27.05.2010 21:23:42

Сообщений: 3063

http://myrusakov.ru/css-haki-brauzerov.html
Профиль
20.05.2013 23:34:31 Таблица в Opera Сообщение #5
Дмитрий184

Дмитрий184

Мастер

Мастер

Дата регистрации:
29.06.2012 08:48:56

Сообщений: 225

Михаил! Посмотрите, пожалуйста, правильно ли я применил хак для Opera- у меня он не работает.

<style type="text/css">
table{
border: 1px solid #000;
}

td {
border: 1px solid #000;
width: 200px;
height: 70px;
padding: 30px 0 20px;
}

* |html[xmlns*=""] td {
height: 120px;
}
</style>
Профиль
21.05.2013 03:55:35 Таблица в Opera Сообщение #6
Admin

Admin

Администратор

Администратор

Дата регистрации:
27.05.2010 21:23:42

Сообщений: 3063

Лучше ими не пользоваться, от версии к версии они перестают работать. Поэтому здесь можете попробовать ещё задать высоту не ячейки, а строки, либо использовать только height, либо только padding.
Профиль
21.05.2013 06:19:44 Таблица в Opera Сообщение #7
Дмитрий184

Дмитрий184

Мастер

Мастер

Дата регистрации:
29.06.2012 08:48:56

Сообщений: 225

Большое спасибо! Теперь буду знать - хаки вещь не надежная, и на них не стоит рассчитывать.
К слову, я нашел такой выход - можно написать отдельный файл CSS для браузера Opera и подключить его с помощью скрипта. А можно ли файл CSS для Opera подключить не используя скрипт? Я в интернете видел такие способы, но они у меня не работали. А через скрипт файл CSS для Opera подключился нормально.
Профиль