Small Business Starter Kit CSS problems with Chrome

Last post 11-20-2009 11:24 AM by tonybowmanbotek. 10 replies.

Sort Posts:

  • Small Business Starter Kit CSS problems with Chrome

    10-07-2009, 8:53 AM

    Hi all,

        has anybody an idea about the wrong visualization of sitemap in the Small Business Starter Kit with Google Chrome? I can see that the "Try It Live" demonstration of that kit is affected by the problem. I'm using it and I'm trying to solve the problem but Chrome seems not to be interested in the changes I make in my CSS.

    Thanks in advance.

  • Re: Small Business Starter Kit CSS problems with Chrome

    10-10-2009, 9:27 AM
    • Participant
      1,159 point Participant
    • MaineOne
    • Member since 01-20-2006, 1:00 AM
    • Maine
    • Posts 283

    Chrome causes problems on my company's asp.net site also.  I checked browser info for people logging in using diffrent browsers.

    As you can see the Chrome is missing the .NET CLR, at this point I believe this is causing the problem,  If I find a work around I will post it, but I will be doing it in my time as it is a company only site and they do not care about cross browser compatibilaty.

     

    Chrome:  Mozilla/5.0 (Windows; U; Windows NT 6.0; en-US) AppleWebKit/532.0 (KHTML, like Gecko) Chrome/3.0.195.25 Safari/532.0

    Mozilla:    Mozilla/5.0 (Windows; U; Windows NT 6.0; en-US; rv:1.9.1.3) Gecko/20090824 Firefox/3.5.3 (.NET CLR 4.0.20506)

    IE:           Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.0; Trident/4.0; SLCC1; .NET CLR 2.0.50727; Media Center PC 5.0; .NET CLR 3.5.30729; .NET CLR 3.0.30729; .NET CLR 4.0.20506; InfoPath.1)

    Support@aspsksolutions.com

  • Re: Small Business Starter Kit CSS problems with Chrome

    10-13-2009, 6:52 PM

    Did you ever find the fix for this? I am having the same issue on firefox and google chrome 

  • Re: Small Business Starter Kit CSS problems with Chrome

    10-13-2009, 9:08 PM
    • Participant
      1,159 point Participant
    • MaineOne
    • Member since 01-20-2006, 1:00 AM
    • Maine
    • Posts 283

    I found a solution. The only problem is that it only works in the pre-init of the aspx pages.  The master page does not have a pre-init and it does not work in the page_init or page_load.  This means you have to add it to all aspx pages.

    Also it fixed the problem of the menu item not working, but did cause it to shift right in chrome(I hope a minor problem compared to it not working)I haven't looked into this yet..

    Protected Sub Page_PreInit(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.PreInit
         If (Request.UserAgent.IndexOf("AppleWebKit") > 0) Or (Request.UserAgent.IndexOf("Unknown") > 0) Or (Request.UserAgent.IndexOf("Chrome") > 0) Then
              Page.ClientTarget = "uplevel"
         End If
    End Sub


     

     

    Support@aspsksolutions.com

  • Re: Small Business Starter Kit CSS problems with Chrome

    10-13-2009, 9:10 PM
    • Participant
      1,159 point Participant
    • MaineOne
    • Member since 01-20-2006, 1:00 AM
    • Maine
    • Posts 283

    Sorry for c# users it would be.

        if ((Request.UserAgent.IndexOf("AppleWebKit") > 0) | (Request.UserAgent.IndexOf("Unknown") > 0) | (Request.UserAgent.IndexOf("Chrome") > 0)) { 
            Page.ClientTarget = "uplevel"; 
        } 
    


     

    Support@aspsksolutions.com

  • Re: Small Business Starter Kit CSS problems with Chrome

    10-13-2009, 9:25 PM

    I was able to get it fixed by fixing up my CSS...as IE8 and firefox is using standards and these starter kits were not up to standard.

    I was having problems with my footer being in the middle of the screen

    I added the below to the DIV

    clear: both;

    remove the float:left and float:right from the CSS File in the affected section

     

     

  • Re: Small Business Starter Kit CSS problems with Chrome

    10-14-2009, 8:34 AM

    " Also it fixed the problem of the menu item not working, but did cause it to shift right in chrome(I hope a minor problem compared to it not working)I haven't looked into this yet.. "

    This is my problem but I'm still not able to modify my CSS in  order to solve it. I'm trying and trying to change but no change is solving that "right shift".

  • Re: Small Business Starter Kit CSS problems with Chrome

    11-20-2009, 9:24 AM

    I'm still in this problem, has anybody ather ideas? It's sure a style-problem.

  • Re: Small Business Starter Kit CSS problems with Chrome

    11-20-2009, 9:55 AM

    Did you try my above post? I made the 2 changes and all is fine.

     

    www.botek.com

     

  • Re: Small Business Starter Kit CSS problems with Chrome

    11-20-2009, 10:39 AM

    " I added the below to the DIV 

    clear: both; 

    remove the float:left and float:right from the CSS File in the affected section "

    I've done something like that but I'm not sure to have well understood what you've done: nothing has changed. Please give me more details.

  • Re: Small Business Starter Kit CSS problems with Chrome

    11-20-2009, 11:24 AM

    My guess is that you put it in the incorrect place. 

     

    Is it the footer? If so, below is my footer.

     

    /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

    FOOTER

    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

    #footer

    {

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

    }

    background-image:url(../../images/TopRedBar3.gif);background-repeat: repeat-x;margin-top: 0px;margin-left: auto;margin-right: auto;width: 880px;height: 26px;padding: .8em 0 1em 20px;position: relative;color: #a9c0db;font-size: .8em;border-style: solid;border-width: 0px 1px 1px 1px;border-color: #818181;clear: both;

    #footer

    div

    {

     

     

     

     

     

     

     

     

     

    }

    background-position: right bottom;background: #FF0000 no-repeat right bottom;width: 25%;_width: 25.5%;position: absolute;top: 0;right: 0;padding: .8em 0 1em 0;clear: both;

    #footer

    a:link,

    #footer

     

     

    }

    a:visited {color:#FFFFFF;text-decoration:none;

    #footer

     

     

    }

    a:hover {color:#D4E7F8;text-decoration:none;

    #footer

     

    }

    a:active {color:#FFFFFF;

Page 1 of 1 (11 items)