Я пытаюсь создать динамически изменяемый заголовок баннера, используя довольно простые трюки с изображениями. Я помещаю изображение баннера в ячейку таблицы и устанавливаю фоновое изображение строки таблицы, повторяющее ширину в один пиксель самого правого пиксельного столбца баннера. Таким образом, изображение баннера растягивается по ширине экрана, не растягивая логотип. Код ниже - это вся моя страница, и проблема показана красным кружком на скриншоте. Это переход, когда основное изображение заканчивается и начинается фоновое изображение шириной в один пиксель.
Похоже, что полоса шириной в один пиксель в конце сжимается на один пиксель -> выравнивая вершины должным образом, в то время как основания находятся на расстоянии одного пикселя. Я должен добавить, что я проверял изображения более одного раза, чтобы вылечить их, данные изображения верны. Они на 100% точны в отношении MSPaint.
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body bgcolor="#000000">
<form id="form1" runat="server">
<div>
<table style="width:100%; ">
<tr style="background-image: url('Images/Banners/WebBannerWideBar.png')">
<!--WebBannerWideBar is 1x100 px-->
<td>
<img alt="Angry Octopus"
src="Images/Banners/WebBannerWide.png" />
<!--WebBannerWide is 760x100 px-->
</td>
</tr>
</table>
</div>
</form>
</body>
</html>
http://img188.imageshack.us/img188/1958/imagealignmentproblemsm.png