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 12 of 12
  1. #1
    New to the CF scene
    Join Date
    Sep 2011
    Posts
    7
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Browser compatibility problem

    This site http://workingproxies.org works OK in firefox 3.6 and older versions of IE but is screwed up in IE9 and firefox 6* We believe its a css issue?
    Would like fixed ASAP and can pay via paypal
    Maxium budget is $50.00
    Last edited by kernow; 09-29-2011 at 11:01 AM.

  • #2
    Senior Coder Rowsdower!'s Avatar
    Join Date
    Oct 2008
    Location
    Some say it's everything.
    Posts
    2,027
    Thanks
    5
    Thanked 397 Times in 390 Posts
    Can you post a screenshot that shows what the problem is with the display in IE9 and FF6+?
    The object of opening the mind, as of opening the mouth, is to shut it again on something solid. –G.K. Chesterton
    See Mediocrity in its Infancy
    It's usually a good idea to start out with this at the VERY TOP of your CSS: * {border:0;margin:0;padding:0;}
    Seek and you shall find... basically:
    validate your markup | view your page cross-browser/cross-platform | free web tutorials | free hosting

  • #3
    New to the CF scene
    Join Date
    Sep 2011
    Posts
    7
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by Rowsdower! View Post
    Can you post a screenshot that shows what the problem is with the display in IE9 and FF6+?
    Here's 3 shots of what it looks like in IE9 and Firefox 6*
    Attached Thumbnails Attached Thumbnails Browser compatibility problem-wp1.jpg   Browser compatibility problem-wp2.jpg   Browser compatibility problem-wp3.jpg  

  • #4
    Senior Coder Rowsdower!'s Avatar
    Join Date
    Oct 2008
    Location
    Some say it's everything.
    Posts
    2,027
    Thanks
    5
    Thanked 397 Times in 390 Posts
    Off-hand, I would guess that it is a problem with your floats (and possible conflict with element widths, padding, and margins). The exception being your list of pagination links. I suspect that is just a matter of incorrectly nested or unclosed div tags.

    In any event, before even trying to change the CSS you should validate your page according to the W3C HTML validator. Validation is the first step to quelling cross-browser compatibility issues.

    You currently have 26 errors and 1 warning that need attention:
    http://validator.w3.org/check?uri=ht...ss=1&verbose=1

    If you fix those errors and warnings your issue might be solved outright. If not, post back here and you'll be more likely to have someone (me, for example) interested in fine-tuning the CSS.
    The object of opening the mind, as of opening the mouth, is to shut it again on something solid. –G.K. Chesterton
    See Mediocrity in its Infancy
    It's usually a good idea to start out with this at the VERY TOP of your CSS: * {border:0;margin:0;padding:0;}
    Seek and you shall find... basically:
    validate your markup | view your page cross-browser/cross-platform | free web tutorials | free hosting

  • #5
    New to the CF scene
    Join Date
    Sep 2011
    Posts
    7
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Site is now fixed thanks to nomanic
    http://www.codingforums.com/member.php?u=72129

  • #6
    Senior Coder Rowsdower!'s Avatar
    Join Date
    Oct 2008
    Location
    Some say it's everything.
    Posts
    2,027
    Thanks
    5
    Thanked 397 Times in 390 Posts
    So your pagination section is *supposed* to look like that?
    The object of opening the mind, as of opening the mouth, is to shut it again on something solid. –G.K. Chesterton
    See Mediocrity in its Infancy
    It's usually a good idea to start out with this at the VERY TOP of your CSS: * {border:0;margin:0;padding:0;}
    Seek and you shall find... basically:
    validate your markup | view your page cross-browser/cross-platform | free web tutorials | free hosting

  • #7
    New to the CF scene
    Join Date
    Sep 2011
    Posts
    7
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by Rowsdower! View Post
    So your pagination section is *supposed* to look like that?
    I don't even know what a "pagination section" is. I know zero, nil about web site coding. That's why I came here for help and thankfully nomanic has made the site look like it should (or at least how I wanted it to look. ) No doubt it's still not compliant with html validator, but that's for another day !

  • #8
    Senior Coder Rowsdower!'s Avatar
    Join Date
    Oct 2008
    Location
    Some say it's everything.
    Posts
    2,027
    Thanks
    5
    Thanked 397 Times in 390 Posts
    Please don't misunderstand. I'm not calling into question any of the work that was done and if you want invalid HTML in your page that's your business. I'm just confused about why the pagination section is disjointed (the "Previous" and "Next" items are chopped up and screwy) and overruns the page width even on a 1920px wide display. It just seemed like you might have meant to do something different there then what is actually appearing.

    And by "pagination section," I mean the section at the bottom of the list that has the page numbers laid out for navigating between pages of results.

    Basically, I'm saying that I think YOU missed something.
    The object of opening the mind, as of opening the mouth, is to shut it again on something solid. –G.K. Chesterton
    See Mediocrity in its Infancy
    It's usually a good idea to start out with this at the VERY TOP of your CSS: * {border:0;margin:0;padding:0;}
    Seek and you shall find... basically:
    validate your markup | view your page cross-browser/cross-platform | free web tutorials | free hosting

  • #9
    New to the CF scene
    Join Date
    Sep 2011
    Posts
    7
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by Rowsdower! View Post
    And by "pagination section," I mean the section at the bottom of the list that has the page numbers laid out for navigating between pages of results.
    Oh I see what you mean! yea, its been like that for years Well if you can post a quick fix that we can apply ourselves, thanks

  • #10
    Senior Coder Rowsdower!'s Avatar
    Join Date
    Oct 2008
    Location
    Some say it's everything.
    Posts
    2,027
    Thanks
    5
    Thanked 397 Times in 390 Posts
    Well since I don't know what you want it to look like the best I can guess at is to wrap the pagination links to new lines. If that is the goal then I would do something like this:

    Code:
    div.paginator div.page a{padding:5px;display:block;}
    div.paginator div.page{
    	border:1px solid lightgrey;
    	float:left;
    	line-height:15px;
    	margin:5px;
    	padding:0px;
    	display:block;
    }
    div.paginator div.page.current{padding:5px;}
    Paste that CSS into the very BOTTOM of your style.css file and that will do a little something for you...
    The object of opening the mind, as of opening the mouth, is to shut it again on something solid. –G.K. Chesterton
    See Mediocrity in its Infancy
    It's usually a good idea to start out with this at the VERY TOP of your CSS: * {border:0;margin:0;padding:0;}
    Seek and you shall find... basically:
    validate your markup | view your page cross-browser/cross-platform | free web tutorials | free hosting

  • Users who have thanked Rowsdower! for this post:

    kernow (09-29-2011)

  • #11
    New to the CF scene
    Join Date
    Sep 2011
    Posts
    7
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Rowsdower! Thanks very much! That makes it look a lot neater and more professional.
    If you ever want free web hosting for a year let us know.
    Quote Originally Posted by Rowsdower! View Post
    Well since I don't know what you want it to look like the best I can guess at is to wrap the pagination links to new lines. If that is the goal then I would do something like this:

    Code:
    div.paginator div.page a{padding:5px;display:block;}
    div.paginator div.page{
    	border:1px solid lightgrey;
    	float:left;
    	line-height:15px;
    	margin:5px;
    	padding:0px;
    	display:block;
    }
    div.paginator div.page.current{padding:5px;}
    Paste that CSS into the very BOTTOM of your style.css file and that will do a little something for you...

  • #12
    New to the CF scene
    Join Date
    Sep 2011
    Posts
    7
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Works in every browser AFAIK. IE, Firefox, Opera, even Konqueror !


  •  

    Posting Permissions

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