table cell position issues

Discussion in 'HTML / PHP / JavaScript / CSS' started by meissnersdc, Mar 16, 2012.

  1. I do not understand why a table rendered by local host is diffrent from the same table rendered from discountasp.net. Its driving me crazy.

    I must be making a total newbie mistake.
    I just started using ASP.Net. Previously I used flat html and javascript for everything and made heavy use of old style tables to position elements.
    Something I am doing is not working in the ASP.Net world.

    So I have a pair of images I would like to run along the top of the pages of my site. I would like center.png centered and right.jpg right justified. The images should be at the same height.

    I have a table I used to lay out the images.
    When I hit debug in Visual Studio 2010 express and view the pages on my local machine the lay out is what I expect. The first image is centered and the second image is right justified.

    When I publish my website to discountasp the layout of the table and images are all left justified!

    Why is the layout different between my machine running the page localhost and the same page hosted on discountasp?
    When I view source of the page on localhost and discountasp the html is the same.

    I thought that table rendering is strictly a browser side thing?
    Could it be a css thing? agh.

    Anyway here is the table.

    <asp:Content ID="LogoContent" runat="server" ContentPlaceHolderID="logoHeader">

    <table style="width: 100%">
    <tr>
    <td style="width: 90%">
    <center>
    <img src="Images/center.PNG" style=" height: 61px; width: 333px" />
    </center>
    </td>
    <td>
    <img src="Images/right.jpg" style="height: 85px; width: 128px" />
    </td>
    </tr>
    </table>

    </asp:Content>


    There is probably a 'modern' way do do the same layout task. ok fine. I would like to understand why the tables are different localhost vs hosted on the server.


    Thanks
    Karl
     

Share This Page