I installed the most popular browsers (IE, FF, Chrome, Opera, and Safari) on my computer to see how my website, http://www.strongfamilies.us, appears. My site appears correctly on all browsers except for Opera. For some reason, the text links located in the navigational bar to the left of each page are scrunched together without spaces in between leaving too much space between the live help button near the bottom and the end of the bar. Out of all 5 browsers, this problem only occurs in Opera. This isn't a huge issue but it would be nice to have the site view consistently in each browser. Does anyone have any recommendations as to how I could fix this issue? Thanks.
dont worry much about opera . Opera is completly differant from chrome,firefox,flock and some other web browsers. i have seen many websites non compatible with opera. dont worry much about it. most of the people on net prefer firefox,chrome and ie 7 now a days.
I checked your site and the difference is very hard to notice so I think it is not a big problem. This is caused by one of the styling you added to the text links, probably opera does not recognize it properly. If it is working fine on other browsers I would not change it, maybe you will make it worse.
1. I agree. Only tiny percentage of people use Opera so it is safe to ignore it (although most designers like to add it to their multi-browser list) 2. I disagree. Opera isn't "completely different" to other browsers. There shouldn't be any major difference in layout between Opera and the rest.
It seems line height for your anchor was not recognised by opera..... try setting the line height for the li tag
Typical BS from the all unknowing DP crowd that hasn't a clue of how things work. If you would validate your HTML and CSS, you'll find plenty of reasons why Opera struggles with your invalid markup. Opera is one of the best browsers around, if you know how to write modern code. And, btw, your doctype is wrong and you are in quirks mode.