Results 1 to 6 of 6
  1. #1
    Join Date
    Oct 2010
    Posts
    25
    Plugin Contributions
    0

    Default Internet Explorer 8 vs Google Chrome 7

    When viewing my pages between Internet Explorer 8 and Google Chrome 7.0 - the text and form field alignment are different.

    http://westdakotakobe.com/shop/index...create_account

    In Chrome it looks perfect. All text is aligned left. And the form boxes are aligned on the left side - very clean.

    In IE 8 - what a mess! It appears that everything is centered.

    Any ideas on where to fix this issue? Or is it going to be a browser issue?

    Thanks!

  2. #2
    Join Date
    Jan 2009
    Posts
    310
    Plugin Contributions
    0

    Default Re: Internet Explorer 8 vs Google Chrome 7

    In line 58 of your stylesheet:

    form, select, input {
    display:inline;
    font-size:1em;
    margin:0.1em;
    }

    Try adding the line highlighted in red:

    form, select, input {
    display:inline;
    font-size:1em;
    margin:0.1em;
    text-align:left;
    }

    I do not have any web developer tools for IE but hopefully this should do the trick...
    Steve
    Site Under Construction: adatglobal.com

  3. #3
    Join Date
    Jan 2009
    Posts
    310
    Plugin Contributions
    0

    Default Re: Internet Explorer 8 vs Google Chrome 7

    Also - it aligns to the left and looks fine in Firefox and Safari, just thought that might be worth you knowing...
    Steve
    Site Under Construction: adatglobal.com

  4. #4
    Join Date
    Oct 2010
    Posts
    25
    Plugin Contributions
    0

    Default Re: Internet Explorer 8 vs Google Chrome 7

    Adding "text-align:left; " - worked!!!

    Thanks!

  5. #5
    Join Date
    Apr 2006
    Location
    London, UK
    Posts
    10,569
    Plugin Contributions
    25

    Default Re: Internet Explorer 8 vs Google Chrome 7

    Inconsistent layouts between modern browsers usually means broken HTML markup and validation errors. And sure enough you have some structural errors.
    Kuroi Web Design and Development | Twitter

    (Questions answered in the forum only - so that any forum member can benefit - not by personal message)

  6. #6
    Join Date
    Oct 2010
    Posts
    25
    Plugin Contributions
    0

    Default Re: Internet Explorer 8 vs Google Chrome 7

    It is working now.........but thanks for the link to the validation report.

    Of those 34 errors - 20 are from my style sheet customizing. The other 14 errors only show up when the page goes live. Errors like this:

    ERROR: </div><!-- bof breadcrumb -->
    ERROR: You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".


    None the less, with the fix above - it is now working!

    Thanks everyone!

 

 

Similar Threads

  1. v153 SSL problem with browsers (chrome and firefox but not internet explorer 11)
    By keithduong in forum Installing on a Linux/Unix Server
    Replies: 10
    Last Post: 16 Oct 2014, 02:38 PM
  2. v151 Only some of my images not showing in Internet Explorer, Chrome and Firefox are okay.
    By AmyCapolupo in forum Templates, Stylesheets, Page Layout
    Replies: 7
    Last Post: 9 Oct 2013, 12:34 AM
  3. Internet Explorer 7 cannot open internet site
    By Robbyn7 in forum General Questions
    Replies: 14
    Last Post: 27 Mar 2008, 11:21 PM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg
Zen-Cart, Internet Selling Services, Klamath Falls, OR