...

View Full Version : Browser compatibility problem



kernow
09-29-2011, 08:23 AM
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

Rowsdower!
09-29-2011, 12:40 PM
Can you post a screenshot that shows what the problem is with the display in IE9 and FF6+?

kernow
09-29-2011, 12:51 PM
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*

Rowsdower!
09-29-2011, 01:17 PM
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=http%3A%2F%2Fworkingproxies.org%2F&charset=%28detect+automatically%29&doctype=Inline&group=0&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. :thumbsup:

kernow
09-29-2011, 03:25 PM
Site is now fixed thanks to nomanic :)
http://www.codingforums.com/member.php?u=72129

Rowsdower!
09-29-2011, 04:24 PM
So your pagination section is *supposed* to look like that? :confused:

kernow
09-29-2011, 04:33 PM
So your pagination section is *supposed* to look like that? :confused:
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 !

Rowsdower!
09-29-2011, 05:06 PM
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.

kernow
09-29-2011, 05:14 PM
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:o Well if you can post a quick fix that we can apply ourselves, thanks :D

Rowsdower!
09-29-2011, 06:45 PM
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:


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...

kernow
09-29-2011, 09:17 PM
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.

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:


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...

kernow
10-18-2011, 09:56 AM
Works in every browser AFAIK. IE, Firefox, Opera, even Konqueror !



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum