Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5

Thread: Chome goin wild

  1. #1
    New to the CF scene
    Join Date
    Apr 2011
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Chome goin wild

    hi im bulding an app for FB [fan page app].
    made 3 different CSS for each browser [CHROME,FF,IE] (got any solution to make one for all browsers ?)
    now when i load the page directly and not from the FB page chrome shows it well[it messing up my css but ill handle it]
    the problem begins when i load it throw FB, the stuff are gettin mad..

    try it yourself with Chrome and then with FF/IE[its hebrew so just look at the design itself]

    http://www.facebook.com/?ref=logo#!/...35345743203396


    most annoyin thing is that the chrome & FB together makes my BG go away for some reason..

    heres the code:
    Code:
    body {
        margin-top:0px;
    	margin-bottom:0px;
    	width: 500px;
    	overflow:hidden;
    	margin-left:0px;
        padding: 0px;
        background: white;
    	background-image:url('BGnew.jpg');
    	background-repeat:no-repeat;
    	background-position:Top right;
    	font-family: Arial;
        text-align: center;
    
    }
    and one more thing,

    why the HECK chrome messes up my CSS sooooo much ?
    any thing i can do to make it 'normal' ?
    Last edited by aviad_hahami; 04-01-2011 at 05:16 AM.

  • #2
    Registered User
    Join Date
    Feb 2011
    Posts
    82
    Thanks
    15
    Thanked 3 Times in 3 Posts
    I think you should ask questions with more script correct language.

    "the problem begins when i load it throw FB, the stuff are gettin mad.." so describe the "problem"
    "FB page chrome shows it well[it messing up my css but ill handle it]" what?

    there's only one type of script that works universally for all browsers. if there are any errors in different browsers then the only thing i could think of is that you're using deprecated material. don't get me wrong, things render differently in different browsers, but based on what you're asking, your implying that you need different script for different browsers which i dont think is possible/necessary.
    Last edited by Aurora.Light; 04-01-2011 at 05:57 AM.

  • #3
    New to the CF scene
    Join Date
    Apr 2011
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by Aurora.Light View Post

    "the problem begins when i load it throw FB, the stuff are gettin mad.." so describe the "problem"
    "FB page chrome shows it well[it messing up my css but ill handle it]" what?
    ok, ill xplain..
    i have that page
    http://appcheck.agilityhoster.com/FBnew.php
    and im using it as facebook fan page app [http://developers.facebook.com/docs/.../canvas/#tabs]

    now that page recognizes what browser u using and decides what CSS file to use
    [FF uses FBLO_FF.css
    Chrome uses FBLO_CHRME.css
    and IE uses FBLO_IE.css

    ive created all of them...]

    the problem is with the Chrome browser...
    if ull try goin to that page [what i linked above] ull see the css works pretty well, BUT if ull go to that page

    http://www.facebook.com/profile.php?...35345743203396

    [thats the fan page in FB]

    ull see that ONLY in chrome when he loading stuff through the FB fan page it changes the CSS i defined.
    [try it on FF/IE too and see what i mean]

    the main thing it changes is the background position, for some reason it "kicks" him way away..

    thats the code for the background[CSS]:
    Code:
    body {
            margin-top:0px;
    	margin-bottom:0px;
    	width: 500px;
    	overflow:hidden;
    	margin-left:0px;
            padding: 0px;
            background: white;
    	background-image:url('BGnew.jpg');
    	background-repeat:no-repeat;
    	background-position:Top right;
    	font-family: Arial;
            text-align: center;
    
    }
    i have no idea why he does that in the FB only cause as i said, when i load it directly it shows ok.


    the other q is if theres any way i can make one CSS file to fit all browsers instead of 3....


    hope that makes it clear
    Last edited by aviad_hahami; 04-01-2011 at 10:52 AM.

  • #4
    Regular Coder
    Join Date
    May 2010
    Location
    Bathurst, Australia
    Posts
    180
    Thanks
    1
    Thanked 22 Times in 22 Posts
    Ah, I still don't understand this problem but if you change
    background-position:Top right;
    to
    background-position:310px 0;
    It does the trick.

  • #5
    New to the CF scene
    Join Date
    Apr 2011
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts
    DUDE!!!

    Quote Originally Posted by BulletTimeBill View Post
    Ah, I still don't understand this problem but if you change
    background-position:Top right;
    to
    background-position:310px 0;
    It does the trick.


    that made it !

    THX !!!!!
    Last edited by aviad_hahami; 04-01-2011 at 01:00 PM.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •