I thought that I was done until I tested the site on IE. My eyes are now blurry and not sure what is causing this problem. So I hope that some of of the great minds out there notices my mistake. If I remove <?php echo $this->doctype('XHTML1_TRANSITIONAL'); ?> in layout.phtml file. The site looks beautiful in FF, but looks awful in IE. When I place it back, the site looks normal in IE and FF, except all links and some form fields get centered in both IE and FF browsers! I have not tested it with chrome yet as I am worried to create more work for me. I tried different css settings and no changes, and I do not think that is causing it. Any hints! I am using v4.1.10
Notice the Logged in text and the two col and the menu. If you don't see it on IE, then I am missing something that I am not over looking!
FYI, this view only when using a theme, including the sample theme. But when using default theme, it looks normal!
I figured it out. I had to align the text to left in layout.phtml and all looks normal now. The only thing that looks off now is the menu (button affiliate-Info)!
Button affiliate-Info looks normal in FF but not in IE! It feels like button width error on IE and not sure where to fix it?
Compatibility view is ON and I am using IE9. The only view problem is the menu; it seem IE is not recognizing the width of the button!
To fix this edit /amember/application/default/view/public/css/amember.css and change this class: .am-tabs > ul li { display: inline-block; float: left; margin-right: 0.5em; white-space: nowrap; }