+1-888-365-2779
Try Now
More in this section

Forums / General Discussions / Strange CSS Issues

Strange CSS Issues

2 posts, 0 answered
  1. Shawn Davis
    Shawn Davis avatar
    81 posts
    Registered:
    13 Oct 2012
    22 Oct 2009
    Link to this post
    First let me apologize in advance for still being a bit of newbie on some of this.  I have a master page that uses a css file to control the visual attributes.  My master page has the body, form and various divs including the wrapper div used in the master samples provided.  I'm having a few problems: first below the Sitefinity logo at the bottom (Community Edition) I get an area that is white even though in my css I have the body background color set to a gray.  When I run the site in Firefox the wrapper div is also white. (And there is no Sitefinity logo!) And the wrapper div is justifed left instead of center.

    I also have a div near the top to hold a sitetabstrip and cannot get it to display a color.

    Here are snippets of the code let me know if you want to see more, thanks!:

    <%@ Master Language="C#" AutoEventWireup="true" CodeFile="Home.master.cs" Inherits="App_Master_Home" %> 
     
    <!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 id="Head1" runat="server">  
        <title>Law Office - Commercial, Real Estate</title> 
        <meta http-equiv="content-type" content="text/html; charset=utf-8" /> 
    </head> 
    <body> 
        <form id="form1" runat="server">  
        <asp:ScriptManager ID="ScriptManager1" runat="server">  
        </asp:ScriptManager> 
        <div id="wrapper">  
            <div id="Header">  
                <div id="TopNavigation">  
                    <asp:ContentPlaceHolder ID="TopMenu" runat="server">  
                    </asp:ContentPlaceHolder> 
                </div> 
                <div id="Banner">  
                </div> 
                <div id="SubBanner"

    /*--------------------layout---------------------*/ 
     
    body  
    {  
        margin: 0;  
        padding: 0;  
        border: 0; /* This removes the border around the viewport in old versions of IE */ 
        width: 100%;  
        background-color#888889;  
    }  
     
    form  
    {  
        text-aligncenter;  
        background-color#888889;  
    }  
     
    #wrapper  
    {  
        width935px;  
        background#888889;  
        /* margin: 10px auto; */ 
    }  
     
    #Header 
    {  
        clearboth;  
        floatleft;  
        padding0px;  
        margin0px;  
        width: 100%;  
        background-color#888889;  
    }  
     
    #TopNavigation  
    {  
        clearboth;  
        padding0px;  
        margin0px;  
        width: 100%;  
        height25px;  
        vertical-alignbottombottom;  
        background#888889;  
    }  
     
    #Banner 
    {  
        clearboth;  
        padding0px;  
        margin0px;  
        width: 100%;  
        height84px;  
        border1px solid #444;  
        background-imageurl(images/GrantDixonLawOffice2.jpg);  
        background-repeatno-repeat;  
    }  
     
    #SubBanner  
    {  
        clearboth;  
        padding0px;  
        margin0px;  
        width: 100%;  
        font-weightbold;  
        font-familyArial;  
        min-height26px;  
        border-left1px solid #aaa;  
        border-right1px solid #aaa;  
        displaytable-cell;  
        vertical-alignmiddle;  
        background-imageurl(images/HeaderLines3.gif);  
    }  
     
  2. Shawn Davis
    Shawn Davis avatar
    81 posts
    Registered:
    13 Oct 2012
    22 Oct 2009
    Link to this post
    I think I've fixed most of the color issues.  Something about making a post always leads me to the answer.  I have layout and style sections in my css and I had some conflicting settings.

    If I still have issues I'll make a new post.

    Thanks all.
2 posts, 0 answered