Ich versuche, mit ziemlich einfachen Bildtricks ein dynamisch ansehnliches Titelbanner zu erstellen. Ich platziere das Bannerbild in eine Tabellenzelle und setze das Hintergrundbild der Tabellenzeile auf eine Pixelweite der obersten Pixelspalte des Banners. Daher scheint sich das Bannerbild zu strecken, um der Bildschirmbreite zu entsprechen, ohne das Logo zu strecken. Der folgende Code ist meine gesamte Seite und das Problem wird in einem roten Kreis im Screenshot angezeigt. Dies ist der Übergang, bei dem das Hauptbild endet und das ein Pixel breite Hintergrundbild beginnt.Warum werden meine Bilder nicht richtig ausgerichtet?
Es scheint, dass der ein Pixel breite Balken am Ende um ein Pixel komprimiert ist -> so dass die Oberseiten richtig ausgerichtet sind, während die Unterseiten ein Pixel entfernt sind. Ich sollte hinzufügen, dass ich die Bilder mehr als einmal überprüft habe, um zu heilen, dass die Bilddaten korrekt sind. Sie sind% 100 genau, was MSPaint betrifft.
<%@ 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
+1 Ich stimme dir zu 110% –