• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 596
  • Last Modified:

Can anyone register or attempt to login in IE8 with this shop?

Hi There,
With this shop here http://zoewalldesigns.com/shop 
I am getting reports that the client cannot get their cursor into the input box to attempt to login when purchasing an item...
Does anyone else have this problem?

If so, why is this happening?

A screenshot is attached of where the cursor appears.
Thanks

Login-page.jpg
0
Amanda Watson
Asked:
Amanda Watson
  • 18
  • 5
  • 3
  • +2
1 Solution
 
Seth_McCauleyCommented:
I went to the site and tested the registration page using IE8. I did not experience the issue that you described. I am not sure what is causing this to happen, however if they are using IE8 you might have them try clicking the "Compatibility Mode" button when they experience this issue.
0
 
Amanda WatsonWeb DeveloperAuthor Commented:
Yes I am not getting a problem in IE8 at all by they insist they are.

I will get them to check it
A
0
 
Amanda WatsonWeb DeveloperAuthor Commented:
Can you test in IE7?

Apparently you cannot access the login in IE7 either.

Do you know why?

I may have to start a new thread regarding this problem.
0
[Webinar] Improve your customer journey

A positive customer journey is important in attracting and retaining business. To improve this experience, you can use Google Maps APIs to increase checkout conversions, boost user engagement, and optimize order fulfillment. Learn how in this webinar presented by Dito.

 
Bruce SmithSoftware Engineer IICommented:
Interesting, I am getting the same problem your clients are in IE8. However, if I hover the cursor over the far left side of the text-field, I can manage to barely click in there to input text. Also, I can click the default pointer anywhere on the input field's border and it will give me the caret. This also goes for the first five text fields in the New form as well but the rest of the fields in the New form are fine. I looked at the source carefully and didn't see anything that might cause this but I did not see the .css class. This is pretty weird but would say that it has something to do with the .css for sure.

FYI, in Firefox, the Returning Customers and New Customers forms both show and the sleek animated scrolling doesn't work. Probably a JavaScript thing.

Ohh the woes of cross-browser compatibility. Hope this helps some.
0
 
Amanda WatsonWeb DeveloperAuthor Commented:
gosh, I wonder how to fix this....??
0
 
mattibuttCommented:
If the problem is only with IE8 then put html code to run in IE7 compatibility mode just search ie 7 compatibility codes put the line in the header section then you are good to go
0
 
Bruce SmithSoftware Engineer IICommented:
Post the css code that relates to the class for every input field: class="inputbox".

Also, note that when I did NOT run the page in Compatibility View (IE7 Standards) (i.e. using straight-up IE8), it worked just fine. Only when the Document Mode was set to IE7 Standards did the problem occur. Interestingly enough, it worked fine when the Browser Mode was sent to IE7 and the Document Mode was set to Quirks Mode.

So, all of this to say that with regular IE7, the fields act funny. I would be willing to bet you money that your clients have the Browser Mode set to IE8 BUT they have the Document Mode set to IE7 Standards. The Browser Mode and the Document Mode are 2 different things. Ideally however, you'd like to have it working for all modes!
0
 
Bruce SmithSoftware Engineer IICommented:
@mattibutt: Wouldn't work here as IE7 seems to be the problem.
0
 
Amanda WatsonWeb DeveloperAuthor Commented:
Ok this is the account.billing.tpl.php page which has some input boxes


<?php
if( !defined( '_VALID_MOS' ) && !defined( '_JEXEC' ) ) die( 'Direct Access to '.basename(__FILE__).' is not allowed.' ); 
/**
*
* @version $Id: account.billing.tpl.php 1957 2009-10-08 19:52:52Z soeren_nb $
* @package VirtueMart
* @subpackage html
* @copyright Copyright (C) 2004-2007 Soeren Eberhardt. All rights reserved.
* @license http://www.gnu.org/copyleft/gpl.html GNU/GPL, see LICENSE.php
* VirtueMart is free software. This version may have been modified pursuant
* to the GNU General Public License, and as distributed it includes or
* is derivative of works licensed under the GNU General Public License or
* other free or open source software licenses.
* See /administrator/components/com_virtuemart/COPYRIGHT.php for copyright notices and details.
*
* http://virtuemart.net
*/

?>
<div class="pathway"><?php echo $vmPathway; ?></div>
<div style="float:left;width:90%;text-align:right;"> 
    <span>
    	<a href="#" onclick="if( submitregistration() ) { document.adminForm.submit(); return false;}">
    		<img border="0" src="images/save_f2.png" name="submit" alt="<?php echo $VM_LANG->_('CMN_SAVE') ?>" />
    	</a>
    </span>
    <span style="margin-left:10px;">
    	<a href="<?php $sess->purl( SECUREURL."index.php?page=$next_page") ?>">
    		<img src="images/back_f2.png" alt="<?php echo $VM_LANG->_('BACK') ?>" border="0" />
    	</a>
    </span>
</div>

<?php
ps_userfield::listUserFields( $fields, $skip_fields, $db );
?>

<div align="center">	
	<input type="submit" value="<?php echo $VM_LANG->_('CMN_SAVE') ?>" class="button" onclick="return( submitregistration());" />
</div>
  <input type="hidden" name="option" value="<?php echo $option ?>" />
  <input type="hidden" name="page" value="<?php echo $next_page; ?>" />
  <input type="hidden" name="Itemid" value="<?php echo $Itemid; ?>" />
  <input type="hidden" name="func" value="shopperupdate" />
  <input type="hidden" name="user_info_id" value="<?php $db->p("user_info_id"); ?>" />
  <input type="hidden" name="id" value="<?php echo $auth["user_id"] ?>" />
  <input type="hidden" name="user_id" value="<?php echo $auth["user_id"] ?>" />
  <input type="hidden" name="address_type" value="BT" />
  <noscript>
  <input type="submit" class="inputbox" value="<?php echo $VM_LANG->_('CMN_SAVE') ?>" />
  </noscript>
</form>

Open in new window

0
 
Amanda WatsonWeb DeveloperAuthor Commented:
This is the login_form.tpl.php
<?php
if( !defined( '_VALID_MOS' ) && !defined( '_JEXEC' ) ) die( 'Direct Access to '.basename(__FILE__).' is not allowed.' ); 
/**
*
* @version $Id: login_form.tpl.php 2286 2010-02-01 15:28:00Z soeren_nb $
* @package VirtueMart
* @subpackage templates
* @copyright Copyright (C) 2008 soeren - All rights reserved.
* @license http://www.gnu.org/copyleft/gpl.html GNU/GPL, see LICENSE.php
* VirtueMart is free software. This version may have been modified pursuant
* to the GNU General Public License, and as distributed it includes or
* is derivative of works licensed under the GNU General Public License or
* other free or open source software licenses.
* See /administrator/components/com_virtuemart/COPYRIGHT.php for copyright notices and details.
*
* http://virtuemart.net
*/
if( vmIsJoomla('1.5')) {
	if(vmGet($_REQUEST,'tmpl') == 'component') {
		$lostPwUrl =  JRoute::_( 'index.php?option=com_user&view=reset&tmpl=component' );
	} else {
		$lostPwUrl =  JRoute::_( 'index.php?option=com_user&view=reset' );
	}
} else {
	$lostPwUrl = sefRelToAbs( basename($_SERVER['PHP_SELF']).'?option=com_registration&amp;task=lostPassword' );
}
?>
<form action="index.php" method="post" name="login" style="margin-left:20px;">
	<label for="username_login"><?php echo $VM_LANG->_('USERNAME') ?>:</label>
	<input type="text" id="username_login" name="username" class="inputbox" size="20" />
	<br />
	<br />
	<label for="passwd_login"><?php echo $VM_LANG->_('PASSWORD') ?>:</label> 
	<input type="password" id="passwd_login" name="passwd" class="inputbox" size="20" />
	(<a title="<?php echo $VM_LANG->_('LOST_PASSWORD'); ?>" href="<?php echo $lostPwUrl; ?>"><?php echo $VM_LANG->_('LOST_PASSWORD'); ?></a>)
	<br />
	<br />
	<input type="submit" name="Submit" class="button" value="<?php echo $VM_LANG->_('BUTTON_LOGIN') ?>" />
	<?php if( @VM_SHOW_REMEMBER_ME_BOX == '1' ) : ?>
	<br />
	<input type="checkbox" name="remember" id="remember_login" value="yes" checked="checked" />
	<label for="remember_login"><?php echo $VM_LANG->_('REMEMBER_ME') ?></label>
	<?php else : ?>
	<input type="hidden" name="remember" value="yes" />
	<?php endif; ?>
	<input type="hidden" name="option" value="<?php echo vmIsJoomla( '1.5' ) ? 'com_user' : 'login'; ?>" /> 
	<input type="hidden" name="task" value="login" />
	<input type="hidden" name="lang" value="<?php echo vmIsJoomla() ? $mosConfig_lang : $GLOBALS['mosConfig_locale'] ?>" />
	<input type="hidden" name="return" value="<?php echo $return_url ?>" />
	<input type="hidden" name="<?php echo $validate; ?>" value="1" />
</form>

Open in new window

0
 
Amanda WatsonWeb DeveloperAuthor Commented:
This is the only part of the CSS that has something about the input box

.inputboxquantity {
      margin-top: 3px;
      vertical-align: middle;
      background:#E4E4E4;      
      font-size:90%;
}
.availabilityHeader {
      text-decoration:underline;
      font-weight:bold;
}
.inputboxattrib {
      margin-top: 0px;
      vertical-align: middle;
      width:93%;
      background:#E4E4E4;      
      padding:1px !important;
}
0
 
Amanda WatsonWeb DeveloperAuthor Commented:
Strange but doing a search for inputbox doesn't show anything else in the css though the class is used a lot throughout the template...but I cant see any styling at all for it...??
0
 
joomla_phpCommented:
There are several doctypes at the top. And I can get rid of the problem by removing the css. I couldn't figure out which css item it is.

I would fix this by using the w3c validator, bet you when it's clean IE will display it correctly.
0
 
Amanda WatsonWeb DeveloperAuthor Commented:
ok so which css needs to be removed?
0
 
joomla_phpCommented:
you're going to have to run that puppy through the validator until it comes out clean.
0
 
Amanda WatsonWeb DeveloperAuthor Commented:
What did you run through the validator.....the css or the http://www.zoewalldesigns.com/shop/  page?

Also, which errors do you think would be causing the issue?
0
 
joomla_phpCommented:
I don't know which errors are causing the issue, but I do know the page's HTML is pretty screwed up and that IE doesn't like that.

Put the URL to the shop in here:
http://validator.w3.org/

e.g.
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.zoewalldesigns.com%2Fshop%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

it will show you some pretty important errors to clean up, like the multiple DOCTYPEs,
and the fact that the meta keywords don't have quotations around them.

These types of errors will kill and IE page render.

0
 
Amanda WatsonWeb DeveloperAuthor Commented:
Sorry, I know you are saying I need to validate all of this, but when you said you removed the css and the problem left, which css was it, I am just wondering if its the main shop template or another one somewhere..I am trying to inform the programmers which one is the problem also as they can' t replicate the problem
0
 
Amanda WatsonWeb DeveloperAuthor Commented:
ok great I will try to resolve those initial doc and meta issues...
0
 
Amanda WatsonWeb DeveloperAuthor Commented:
With those two first errors

# Error Line 4, Column 47: "DOCTYPE" declaration not allowed in instance

…xml version="1.0" encoding="utf-8"?><!DOCTYPE html PUBLIC "-//W3C//DTD Xhtml 1…

¿
# Error Line 5, Column 43: document type does not allow element "html" here

<html xmlns="http://www.w3.org/1999/xhtml">

I don't even know what is wrong with my declarations?

what do I need to change it to?
0
 
Amanda WatsonWeb DeveloperAuthor Commented:
its ok I managed to fix it for now...so the other errors now look rather mild..however now the layout is a bit odd, and the problems still persist where I cannot enter in the login fields
0
 
joomla_phpCommented:
You're not allowed to have two doctype declarations
0
 
Amanda WatsonWeb DeveloperAuthor Commented:
Ok thanks...the problem still persists, but even worse I can't even get my shop template to show properly anymore, the whole page is not working
0
 
joomla_phpCommented:
that's some pretty messed up html there - fix it up and things will right themselves.
0
 
Amanda WatsonWeb DeveloperAuthor Commented:
hmmm, well when I fix the doc type errors, then my whole layout gets disrupted completed and doesn't apply my style sheet!!

I just dont' know which is more evil
0
 
Amanda WatsonWeb DeveloperAuthor Commented:
Ok well its definately something in this css here...its only a very small css so I can't seem to find the problem
http://www.zoewalldesigns.com/shop/template.css
0
 
Amanda WatsonWeb DeveloperAuthor Commented:
Well it was the css and i removed these lines and it worked.

I don't know what about these would have created the problem though

.rounded-corners {
     -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
}
#maincontainer_about{
width: 1169px; /*Width of main container*/
background-image: no-repeat;
margin: 0 auto; /*Center container on page*/
height: 600px;
}
 
#header {
        width: 902px;
        height: 217px;
            
}
 
#contentwrapper{
float: center;
width: 970px;
height:460px;
padding-left:20px;
padding-right: 20px;
padding-top:-20px;
padding-bottom: 50px;

}
#contentwrapperabout{
float: center;
width: 970px;
height:710px;
padding-left:20px;
padding-right: 20px;
padding-top:-20px;
padding-bottom: 50px;

}

#rightcolumn{
float: center;
width: 320px;
padding-left:0px;
padding-right: 0px;
padding-top:-20px;
padding-bottom: 50px;

}


 
#footer {
        height: 24px;
        background: #000;      
        text-align: center;
        clear: both;
        line-height: 30px;
            font-size: 12px;
            line-height: 120%;
            font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
            color: #585b36;
            vertical-align:bottom;
}
       
      
 #bottom_bottom {
        height: 30px;
        clear: both;
        height: 30px;
        line-height: 30px;

}
 
#top {
        height: 29px;    
        clear: both;
}
#top_top {
        height: 30px;    
        clear: both;
        color: #999;
}
 

0
 
Amanda WatsonWeb DeveloperAuthor Commented:
Css was the culprit
0

Featured Post

Free Tool: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

  • 18
  • 5
  • 3
  • +2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now