Solved

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

Posted on 2010-11-25
28
554 Views
Last Modified: 2012-05-10
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
Comment
Question by:Amanda Watson
  • 18
  • 5
  • 3
  • +2
28 Comments
 
LVL 5

Expert Comment

by:Seth_McCauley
ID: 34215361
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
 
LVL 11

Author Comment

by:Amanda Watson
ID: 34215402
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
 
LVL 11

Author Comment

by:Amanda Watson
ID: 34215485
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
 
LVL 11

Expert Comment

by:patsmitty
ID: 34215691
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
 
LVL 11

Author Comment

by:Amanda Watson
ID: 34215758
gosh, I wonder how to fix this....??
0
 
LVL 11

Expert Comment

by:mattibutt
ID: 34215823
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
 
LVL 11

Expert Comment

by:patsmitty
ID: 34215852
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
 
LVL 11

Expert Comment

by:patsmitty
ID: 34215861
@mattibutt: Wouldn't work here as IE7 seems to be the problem.
0
 
LVL 11

Author Comment

by:Amanda Watson
ID: 34215931
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
 
LVL 11

Author Comment

by:Amanda Watson
ID: 34215939
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
 
LVL 11

Author Comment

by:Amanda Watson
ID: 34215946
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
 
LVL 11

Author Comment

by:Amanda Watson
ID: 34215953
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
 
LVL 13

Accepted Solution

by:
joomla_php earned 500 total points
ID: 34220512
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
 
LVL 11

Author Comment

by:Amanda Watson
ID: 34223884
ok so which css needs to be removed?
0
How your wiki can always stay up-to-date

Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
- Increase transparency
- Onboard new hires faster
- Access from mobile/offline

 
LVL 13

Expert Comment

by:joomla_php
ID: 34223930
you're going to have to run that puppy through the validator until it comes out clean.
0
 
LVL 11

Author Comment

by:Amanda Watson
ID: 34232742
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
 
LVL 13

Expert Comment

by:joomla_php
ID: 34232878
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
 
LVL 11

Author Comment

by:Amanda Watson
ID: 34232939
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
 
LVL 11

Author Comment

by:Amanda Watson
ID: 34232974
ok great I will try to resolve those initial doc and meta issues...
0
 
LVL 11

Author Comment

by:Amanda Watson
ID: 34232993
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
 
LVL 11

Author Comment

by:Amanda Watson
ID: 34233153
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
 
LVL 13

Expert Comment

by:joomla_php
ID: 34233336
You're not allowed to have two doctype declarations
0
 
LVL 11

Author Comment

by:Amanda Watson
ID: 34233392
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
 
LVL 13

Expert Comment

by:joomla_php
ID: 34233720
that's some pretty messed up html there - fix it up and things will right themselves.
0
 
LVL 11

Author Comment

by:Amanda Watson
ID: 34234010
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
 
LVL 11

Author Comment

by:Amanda Watson
ID: 34234273
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
 
LVL 11

Author Comment

by:Amanda Watson
ID: 34235549
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
 
LVL 11

Author Closing Comment

by:Amanda Watson
ID: 34235554
Css was the culprit
0

Featured Post

Top 6 Sources for Identifying Threat Actor TTPs

Understanding your enemy is essential. These six sources will help you identify the most popular threat actor tactics, techniques, and procedures (TTPs).

Join & Write a Comment

Suggested Solutions

Nothing in an HTTP request can be trusted, including HTTP headers and form data.  A form token is a tool that can be used to guard against request forgeries (CSRF).  This article shows an improved approach to form tokens, making it more difficult to…
Since pre-biblical times, humans have sought ways to keep secrets, and share the secrets selectively.  This article explores the ways PHP can be used to hide and encrypt information.
Learn how to match and substitute tagged data using PHP regular expressions. Demonstrated on Windows 7, but also applies to other operating systems. Demonstrated technique applies to PHP (all versions) and Firefox, but very similar techniques will w…
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

743 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

10 Experts available now in Live!

Get 1:1 Help Now