Hi,

I am experiencing some problems when experimenting with formatting via a CSS.

I have a table element:

<table class="Table_Small" style="position: relative">
  <tr >
    <td >
        <asp:Label ID="Label4" runat="server" Style="position: relative" Text="First Name"></asp:Label><br />
        <asp:TextBox ID="txtFirstName" runat="server" Style="position: relative"></asp:TextBox>
     </td>
     <td></td>
   </tr>
</table>

Here is the corresponding CSS (StyleSheet.css) entry:

.Table_Small
{

    LEFT: 0px;
    WIDTH: 550px;
    COLOR: Black;
    POSITION: relative;
    TOP: 0px;
    BACKGROUND-COLOR: White;
    font-size: small;
    text-align: left;
    left: 0px;
    position: relative;
        top: 0px;
}

I have the following in the MasterPage.aspx:
<link rel="stylesheet" type="text/css" href="StyleSheet.css" />


The CSS formatting is applied when I switch to design view. However, when I open the page in my browser, the formatting is not applied. For example, I have a few textboxes in the table cells. In design view, they are aligned at the left side of the table cells, but in the browser, they are centered in the table cells. Also, even though I have specified a background color of white for the table, when I run the project, the background is blue, which is the background color of my master page.

I have not specified any formatting for the table rows or cells.

Can anyone explain to me why this approach will not work?

Thanks,

Mike

Hi Mike,
         I think it's not finding your style sheet. Where is your style sheet with regards to a) your master and b) the page with the code in?

Chris

Chris Ullman
Programmer/Technical Author
http://www.cuasp.co.uk

Hi Chris,

The stylesheet is in the root directory of the project, as is the master page. The content page with the table is in a sub-directory of a folder that is itself a sub-directory of the project folder.

To make it clearer, here is the file layout:

-WebApplication1 (main project directory)
  -MasterPage.master
  -StyleSheet.CSS
  -UserPages (sub-directory)
    -DirectorPages (sub-directory)
      -TableTestCSS.aspx (content page w/ table)

Thanks,

Mike

Not sure if you've fixed the problem as the last post was a while ago but i have a suggestion.
In your CSS file, are the different elements in the order that they are called upon on the master page?

e.g on the master page:
div class="header" above
div class="footer".
and in the css file
div.header{ above
div.footer{

I had this problem and it was fixed by ensuring the above rule was followed. Still catches me out though :)
Hope this helps.