My OperaYou need to be logged in to post in the forums. If you do not have an account, please sign up first.
repeat-x на многослойном сайте
Верстаю страницу, такой код:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<LINK href="opera.css" type=text/css rel=stylesheet />
<title>Hello!</title>
</head>
<body>
<table border="0" cellspacing="0" cellpadding="0" style="font-size: 0px; width: 100%; min-width: 800px;">
<tr>
<td style=" height: 301px;
background-image: url(parts/fon_u_x.png); background-repeat: repeat-x;">
<div class="element">
<div class="main_u">
<table border="0" cellspacing="0" cellpadding="0" style="font-size: 0px; width: 100%;">
<tr>
<td width="401px">
<img src="parts/main_lu.png" width="401px" height="300px" />
</td>
<td style="background-image: url(parts/main_u_x.png); background-repeat: repeat-x;">
</td>
<td width="402px">
<img src="parts/main_ru.png" width="402px" height="300px" />
</td>
</tr>
</table>
</div>
</div>
</td>
</tr>
</table>
</body>
</html>
Кстранице такие стили:
* { margin:0;padding:0;}
div.main_u{ position: absolute; left: 0%; z-index: 40; width: 100%;
}
.element { position: relative;
width: 100%; height: 99%;
overflow: show ; font-size: 14px;
display:block;
}
В результате на IE и FF все хорошо,
а на OPERA 10.51 не отображается столбец в таблице с repeat-x картинкой.
Причем, если поставить border=1 в таблице все будет как надо.
Кароче, обидно как-то и не понятно, что делать.
Это значит на новое оформление время есть(как у Chrome), а на отображение страничек.. =(
opera.zip
Все РЕШИЛОСЬ!!!
Opera + Chrome + Safari плохо ладят с cellspacing="0"
Решение - загнать все картинки в background и обкусать контейнеры на 1px со всех сторон! (значит на 2px)
Примерно так:
<table cellspacing="0" style="font-size: 0px; width: 100%; border: 0px;">
<tr style=" height: 300px;">
<td style="vertical-align: top; width: 399px; background-image: url(parts/main_lu.png); background-repeat: no-repeat; border: 0px;">
</td>
<td style="background-image: url(parts/main_u_x.png); background-repeat: repeat-x; border: 0px;">
</td>
<td style="vertical-align: top; width: 400px; background-image: url(parts/main_ru.png); background-repeat: no-repeat; border: 0px;">
</td>
</tr>
</table>
Opera + Chrome + Safari плохо ладят с cellspacing="0"
Решение - загнать все картинки в background и обкусать контейнеры на 1px со всех сторон! (значит на 2px)
Примерно так:
<table cellspacing="0" style="font-size: 0px; width: 100%; border: 0px;">
<tr style=" height: 300px;">
<td style="vertical-align: top; width: 399px; background-image: url(parts/main_lu.png); background-repeat: no-repeat; border: 0px;">
</td>
<td style="background-image: url(parts/main_u_x.png); background-repeat: repeat-x; border: 0px;">
</td>
<td style="vertical-align: top; width: 400px; background-image: url(parts/main_ru.png); background-repeat: no-repeat; border: 0px;">
</td>
</tr>
</table>
Forums » Помощь: вопросы и проблемы » Проблемы с конкретными сайтами