the image is not shown proper at some pc but shows proper at some other pcs

[jagdeep gupta]

The image is not shown proper at some pc but shows proper at some other pcs.

<%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="MasterPage" %>

<!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>Untitled Page</title>
<script language="javascript" type="text/javascript">

</script>
</head>
<body bgcolor="#3399cc">
    <form id="form1" runat="server">
    <div>
        &nbsp; &nbsp;&nbsp;
        <table align=center  border="2" cellpadding="0" cellspacing="0" style="width:94%; height: 100%" id="TABLE1" onclick="return TABLE1_onclick()">
            <tr>
                <td   colspan="100px" style="height: 286px; background-attachment: fixed; background-position-y: center; background-image: url(image/slam11.jpg); color: #ffcccc; background-repeat: no-repeat; background-color: #ffcccc; width: 161px;">
                    
                </td>
                <td style="background-image:url(image/nice.jpg); height: 286px; background-repeat: no-repeat; width: 539px;"></td>
                
            </tr>
            <tr>
            <td style="background-image:url(image/slam-book.gif); width: 161px; height: 43px;background-repeat: no-repeat; background-color: #ffffff;">
            
            </td>
            <td style="background-color:#ffcccc; height: 43px; width: 539px;">
                <br />
                &nbsp; &nbsp;&nbsp;<asp:LinkButton ID="mhome1" runat="server"  BackColor="#ffcccc" ForeColor="#400040" Font-Underline="False" OnClick="mhome1_Click">Home</asp:LinkButton>
                &nbsp; &nbsp;&nbsp;
            
            <asp:LinkButton ID="mslams1" runat="server"  BackColor="#ffcccc" ForeColor="#400040" Font-Underline="False" OnClick="mslams1_Click">Slams</asp:LinkButton>
                &nbsp; &nbsp;&nbsp;
                    <asp:LinkButton ID="mfriends1" runat="server"  BackColor="#ffcccc" ForeColor="#400040" Font-Underline="False">Friends</asp:LinkButton>
                &nbsp; &nbsp;&nbsp;
                
                    <asp:LinkButton ID="mmyprofile1" runat="server"  BackColor="#ffcccc" ForeColor="#400040" Font-Underline="False" OnClick="mmyprofile1_Click">My Profile</asp:LinkButton>
                &nbsp; &nbsp;&nbsp;
                <asp:LinkButton ID="mpreviewslambook1" runat="server" BackColor="#ffcccc" ForeColor="#400040" Font-Underline="False" OnClick="mpreviewslambook1_Click">Priview Slambook</asp:LinkButton>
              &nbsp; &nbsp;&nbsp;
                    <%--<asp:LinkButton ID="meditprofile1" runat="server" BackColor="#DAEFF5" ForeColor="#400040" Font-Underline="False">Edit Profile</asp:LinkButton>
                 
                    <asp:LinkButton ID="mslambookinbox1" runat="server" BackColor="#DAEFF5" ForeColor="#400040" Font-Underline="False" >Slambook Inbox</asp:LinkButton>
                   
                    <asp:LinkButton ID="meditslambook1" runat="server" BackColor="#DAEFF5" ForeColor="#400040" Font-Underline="False">Edit Slambook</asp:LinkButton>
                   
                    
               --%>
                     <asp:LinkButton ID="msettings1" runat="server" BackColor="#ffcccc" ForeColor="#400040" Font-Underline="False" OnClick="msettings1_Click">Settings</asp:LinkButton>
                &nbsp; &nbsp;&nbsp;
                  
                     <asp:LinkButton ID="mlogout1" runat="server" BackColor="#ffcccc" ForeColor="#400040" Font-Underline="False">Logout</asp:LinkButton>
           
            </td>
            </tr>
            <tr>
                <td style="width: 161px; height: 327px; font-weight: bold; background-color: #ffcccc;">
                    &nbsp; &nbsp; &nbsp;
                <asp:LinkButton Id="home" runat="server" Text="Home" ForeColor="#000040" OnClick="home_Click"></asp:LinkButton><br />
                    <br />
                    &nbsp; &nbsp; &nbsp;
                    <asp:LinkButton ID="slama" runat="server"  ForeColor="#000040">Slams</asp:LinkButton><br />
                    <br />
                    &nbsp; &nbsp; &nbsp;
                    <asp:LinkButton ID="friends" runat="server"  ForeColor="#000040">Friends</asp:LinkButton><br />
                    <br />
                    &nbsp; &nbsp; &nbsp;
                    <asp:LinkButton ID="myprofile" runat="server"  ForeColor="#000040" OnClick="myprofile_Click">My Profile</asp:LinkButton><br />
                    <br />
                    &nbsp; &nbsp; &nbsp;
                    <asp:LinkButton ID="editprofile" runat="server" ForeColor="#004040" OnClick="editprofile_Click">Create Profile</asp:LinkButton><br />
                    <br />
                    &nbsp; &nbsp;&nbsp;
                    <asp:LinkButton ID="slambookinbox" runat="server" ForeColor="#000040">Slambook Inbox</asp:LinkButton><br />
                    <br />
                    &nbsp; &nbsp;&nbsp;
                    <asp:LinkButton ID="editslambook" runat="server" ForeColor="#000040" OnClick="editslambook_Click">Edit Slambook</asp:LinkButton><br />
                    <br />
                    &nbsp; &nbsp;&nbsp;
                    <asp:LinkButton ID="previewslambook" runat="server" ForeColor="#000040" OnClick="previewslambook_Click">Priview Slambook</asp:LinkButton><br />
                    <br />
                    &nbsp; &nbsp;&nbsp;
                    <asp:LinkButton ID="seachefriend" runat="server" ForeColor="#000040">Search Friends</asp:LinkButton><br />
                    <br />
                    &nbsp; &nbsp; &nbsp;
                    <asp:LinkButton ID="invitefriend" runat="server" ForeColor="#000040">Invite Friends</asp:LinkButton><br />
                    <br />
                    &nbsp; &nbsp;&nbsp;
                     <asp:LinkButton ID="settings" runat="server" ForeColor="#000040" OnClick="settings_Click">Settings</asp:LinkButton><br />
                    <br />
                    &nbsp; &nbsp;&nbsp;
                     <asp:LinkButton ID="logout" runat="server" ForeColor="#000040" OnClick="logout_Click">Logout</asp:LinkButton><br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                </td>
                
                <td style="height: 327px; background-color:#fff5ee; width: 539px;">
        <asp:contentplaceholder id="ContentPlaceHolder1" runat="server">
            &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;
            &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<br />
            &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
            &nbsp;&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
            &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
            &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
            <br />
            <br />
            &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
            &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
            &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
            &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
            &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
            &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
            &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
            &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
            &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
            &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
            &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
            &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
            &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
            &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
            &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
            &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
            &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />

[Frinavale]

The background image???

[jagdeep gupta]

background-image:url(image/slam-book.gif

this one in above code

[Frinavale]

Some browsers may not be able to handle .gif files (IE6 for example). Consider converting this image into a .jpg instead (you will lose any transparency in the image if you do)

-Frinny

[jagdeep gupta]

Actually at some pc the content in one td(i.e. Image) is properly shown in centre but at some other it shows at very low position

[Frinavale]

Try using CSS debugging tools to help you figure out what is going on.

If the image is strange in FireFox, download FireBug (an addon for FireFox which is a tool for debugging CSS and JavaScript).

If the image is strange in IE then you can try using the built in tools that come with IE8 (these tools work even if you are running in "IE-7 mode").

Other browsers come with their own tools.

These tools let you modify the CSS to change so that you can determine what you need to do to change the CSS to get the desired look.

-Frinny

[talhakarkun]

just try this way to give image path in background..

background-image: url(../image/slam-book.gif);

u can change all image url on that pages like above examples..

[ZiadElmalki]

What browsers don't support GIF? I think IE6 just has problems with transparencies in gifs.

There are some legal reasons not to use GIF. Mainly some compression algorithm in GIF is proprietary. Because of that PNG was created. For simple pictures you should prefer PNG or GIF.

Like Frinny said these is probably some kind of browser specific issue and you need to create css that targets whatever browsers seperately or modify the markup so it looks ok in all browsers.

A site I used to read a lot when I did web development stuff back in the day was quirksmode.

http://www.quirksmode.org/