I've been trying to figure out a few odd cross-browser issues before I launch. Firefox, Safari, IE 8 & 9 all look pretty good. But on IE 7, the text in the map box (box with 1-15 below "beta" graphic) is starting too far to the right, pushing the text onto a second line. Any clues on what part of the code might be the issue? Looking for a place to start...
Also, the little arrow (currently below H1 Title) should be right above "search" on "regional Search" heading. These two things work on other browsers, but not IE7.
The page is http://www.abreathof.com
Thanks for your suggestions.
Best -- Jami
what concerns your little arrow: Using the IE feature (translated from my German IE) "Compatibility View settings" you could fix this IE-display problem.
I removed all the the checkmarks and your arrowas had been at the right place.
There are somme commands you can use in your DW file. Search here for "ie7" for example:
... and you could have a look here:
Thanks for the quick reply. I guess I should have been more specific. I want my site to look correct on IE7, without users having to fiddle with settings. (I think they just won't do it.) I don't personally use IE (Firefox is awesome!), so it looks fine on my screen but using a browser emulator I found that IE7 displayed oddly... So folks who use that browser will not see my site as it should be displayed.
I'm sure there's a CSS rule (or maybe some html?) that IE7 doesn't like... Just thought someone might have an idea of where the problem's originating.
although there are easy solutions (see my search hints above) here is an argument why you don't need to mourn about a possible bad presentation in this IE7 Browser. The usage of IE7 becomes relatively rare more and more. The spread is, the statistics shows it, very very low. The attached analysis from
http://gs.statcounter.com/#browser_version-ww-monthly-201205-201206-ba r shows this clearly:
... and so I wouldn't trouble my head about that.
If you absolutely must support IE7, (as Hans said, very few people still use it), you can insert IE conditional comments in your HTML documents between the <head> tags and after your CSS styles like so.
<!--[if lt IE 8]>
styles for pre-IE browsers go here...
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
here we are, Nancy's answer is what I meant with "There are somme commands you can use in your DW file. Search here for "ie7" for example." from above. I couldn't find it in a hurry.
Thanks Hans and Nancy:
I'm really happy you think I don't have to worry about IE7 (or 6). I'm using a browser emulator (crossbrowsertesting.com) to check how my site look on various Windows browsers (since I'm on a Mac). And the site said these were the most popular browsers.
But I see IE 6 and 7 here. So maybe this site isn't accurate.
I'd love it if someone could point me to a list of browser versions and resolutions I should make sure my site looks good on. Then I'll happilty ignore the troublemakers, like IE 6 & 7.
Thanks so much. Your answers so far have made my life much easier!!!
Message was edited by: webnewbie10 I guess I meant is the chart Hans showed the best list for the US. My visitors will actually probably mostly be Californians looking for weekend getaways...
I think the only people still using IE6 live in China.
Build for your target audience. If you don't know who that is, sign-up for Google Analytics to see which browsers/web devices the majority of your site users have.
Resolution is meaningless. What matters is width of Viewport which you can manually resize to anything.
Use your browsers Zoom in and Zoom out features to see how your site looks in different sized displays.
Google labs - Browser Size
I'm delighted about your "Then I'll happilty ignore the troublemakers, like IE 6 & 7."
Where we/you could take a view at our websites in a global way with critical eyes is "Google labs - Browser Size" what is a good tool in my opinion, here the related link: " http://browsersize.googlelabs.com/
As a rule, you choose a page width that is comfortably viewed by the majority of your site visitors without having to use the horizontal scrollbar. The trick is finding the "right width" for your target audience. For most desktop and laptop users, 900 to 1100px is a good range. For mobile devices 320 to 480px.
Europe, Middle East and Africa