Skip navigation
webnewbie10
webnewbie10
Currently Being Moderated

odd alignment in IE 7

Jun 2, 2012 6:05 AM

Hi:

 

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

 

Screen shot 2012-06-02 at 5.55.23 AM.png

 

Thanks for your suggestions.

 

Best -- Jami

 

841 Views   9 Replies   Latest reply: hans-g., Jun 3, 2012 2:29 PM
 
Replies
  • hans-g.
    Currently Being Moderated
    1. hans-g.,
    Jun 2, 2012 7:44 AM   in reply to webnewbie10
    Report

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

     

    drAbr01.jpg

     

    I removed all the the checkmarks and your arrowas had been at the right place.

     

    Hans-Günter

     

    P.S.

    There are somme commands you can use in your DW file. Search here for "ie7" for example:

     

    http://forums.adobe.com/community/dreamweaver/dreamweaver_general?view =discussions

     

    ... and you could have a look here:

    http://help.adobe.com/en_US/dreamweaver/cs/using/WSA994C0FE-60C8-456d- 8EF9-EC09DF0FD914a.html

     
    |
    Mark as:
  • webnewbie10
    Currently Being Moderated
    2. webnewbie10,
    Jun 2, 2012 11:50 AM   in reply to hans-g.
    Report

    Hi:

     

    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.

     

    :-)

     
    |
    Mark as:
  • hans-g.
    Currently Being Moderated
    3. hans-g.,
    Jun 2, 2012 12:11 PM   in reply to webnewbie10
    Report

    Well,

     

    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:

     

    drBrow.jpg

     

    ... and so I wouldn't trouble my head about that.

     

    Hans-Günter

     
    |
    Mark as:
  • Nancy O.
    Currently Being Moderated
    4. Nancy O.,
    Jun 2, 2012 5:03 PM   in reply to webnewbie10
    Report

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

    <style type="text/css">

    styles for pre-IE browsers go here...

    </style>

    <![endif]-->

     

     

     

    Nancy O.

    Alt-Web Design & Publishing

    Web | Graphics | Print | Media  Specialists 

    http://alt-web.com/

     
    |
    Mark as:
  • hans-g.
    Currently Being Moderated
    5. hans-g.,
    Jun 2, 2012 9:35 PM   in reply to webnewbie10
    Report

    Hello "webnewbie10",

     

    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.

     

    Hans-Günter

     
    |
    Mark as:
  • webnewbie10
    Currently Being Moderated
    6. webnewbie10,
    Jun 3, 2012 2:19 PM   in reply to Nancy O.
    Report

    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.

     

    Screen shot 2012-06-03 at 8.23.25 AM.png

     

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

    Jami

     

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

     
    |
    Mark as:
  • Nancy O.
    Currently Being Moderated
    7. Nancy O.,
    Jun 3, 2012 2:23 PM   in reply to webnewbie10
    Report

    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

    http://browsersize.googlelabs.com/

     

     

     

    Nancy O.

     
    |
    Mark as:
  • hans-g.
    Currently Being Moderated
    8. hans-g.,
    Jun 3, 2012 2:27 PM   in reply to webnewbie10
    Report

    Hello Jami,

     

    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.

    Hans-Günter

     
    |
    Mark as:
  • hans-g.
    Currently Being Moderated
    9. hans-g.,
    Jun 3, 2012 2:29 PM   in reply to Nancy O.
    Report

    Hi hi, we all agree! Howgh!

     
    |
    Mark as:
Actions

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points