Fixing Browser Differences

Hier werden alle Themen zu Templates für Joomla 1.0.xx besprochen.

Fixing Browser Differences

Beitragvon RMIGHTY1 am Sa 28. Jun 2008, 06:06

Hello Again Gerhard,

I have created a form in expression web and have installed it into Joomla 1.0.15 via the chronoforms component. The chronoform component does not alter layout.

Using the aha-white template in Joomla 1.0.15 via the chronoforms component, the form displays correctly in IE7 but in FF2 it was about 25 px to the right. Because I program to get FF to display correctly, then fix any IE boo boo's, I repositioned the form in expression web to that it now is off center to the left by about 25px in IE7 while it displays perfectly in FF2. Using child selectors for different css instructions for IE and FF did not resolve the issue.

Someone looked at the site using FF3 and the main menu displayed below and to the left of the center component column. Sheesh!

The good news is that all browsers display the center chronoforms form component section correctly while using the lightblue template. So, I used Beyond Compare to compare the white css with the lightblue css and made some changes but without success. Hence me coming to the expert, you! I have a link for you if that helps.

http://ezwebstart.biz/show/index.php?op ... &Itemid=66

Because I still have much to learn about CSS, please be specific with any directions.

Thank you once again Gerhard!

~~Ray :)
Benutzeravatar
RMIGHTY1
Beginner
 
Beiträge: 14
Registriert: So 8. Jun 2008, 05:16

Re: Fixing Browser Differences

Beitragvon RMIGHTY1 am Sa 28. Jun 2008, 07:33

Hello Gerhard,

I noticed that in Expression Web I have used their default selector in their form section entitled, "fieldset" and that there is also a "fieldset" selector in the template. This may be causing some of the problem, I am not sure. As the fieldset selector is embedded into expressioin web, I am unable to rename it. That would mean renaming it in the template, if that is where the problem lies. I will report back anything I come across. In the meantime, if you have any thoughts, please share them with me.

I wonder if that fieldset selector is somehow built-in to the IE browser... Sheeeeesh!!!

Thank you Gerhard!

~~Ray :)
Benutzeravatar
RMIGHTY1
Beginner
 
Beiträge: 14
Registriert: So 8. Jun 2008, 05:16

Re: Fixing Browser Differences

Beitragvon RMIGHTY1 am Mi 9. Jul 2008, 05:39

Hello Gerhard,

This is what I have learned so far. I still have the IE7 and FF3 browser difference. At first it was FF2, but I lost FF2 on my computer when I upgraded to FF3.

The lightblue template seems to work fine except for the form page in FF3. There the Left module stays below and to the left of the main component section.

It is the white template that I wish to use on the website. It works well with everything except the chronoforms component. That component does not seem to respond to any css that changes in places I have checked. Do you know where the chronoform module might be in the template? I will keep working on it. Thank you for any help you may provide Gerhard.

~~Ray
Benutzeravatar
RMIGHTY1
Beginner
 
Beiträge: 14
Registriert: So 8. Jun 2008, 05:16

Re: Fixing Browser Differences

Beitragvon RMIGHTY1 am Mi 9. Jul 2008, 08:20

OK, I made some progress with the left module moving below the main component in FF3.

All I did was change:
#mainout {
min-width: 994px;
}

to

#mainout {
min-width: 1000px;
}

This may not be proper and I have no idea what else might be affected but it works.
If I knew what the center section for the form in the css, I would try changing that. But for now, this is what I changed.
One problem solved.

Now I still have the chrono form component displaying in different positions in IE7 and FF3.
I will optimize for FF3 and compromise if I have to in IE7.

I will report any progress!

~~Ray :)
Benutzeravatar
RMIGHTY1
Beginner
 
Beiträge: 14
Registriert: So 8. Jun 2008, 05:16

Re: Fixing Browser Differences

Beitragvon Gerhard am Mi 9. Jul 2008, 21:48

Hello Ray,

you can try this:
Code: Alles auswählen
form #ChronoContact_reghostdomorxfer { text-align:center; }
or try it with
Code: Alles auswählen
margin:0 auto;
instead.

Another possibility is
Code: Alles auswählen
.chronoforms {margin:0 auto; text-align:center;}


i never had used chronoforms, so Im not sure if it works. If it doesnt work, i will install this component on my local server and try to solve the problem.

Thank you for reporting

Gerhard
Gratis Templates, News, Tutorials und vieles mehr, bei http://www.Ahadesign.eu
Benutzeravatar
Gerhard
Administrator
 
Beiträge: 1159
Registriert: Do 27. Dez 2007, 22:48
Plz/Ort: Oberfranken

Re: Fixing Browser Differences

Beitragvon RMIGHTY1 am Mi 9. Jul 2008, 22:43

Wow, you are terrific Gerhard!!! I will try your suggestions and report back here.

Thank you so very much.

~~Ray :)
Benutzeravatar
RMIGHTY1
Beginner
 
Beiträge: 14
Registriert: So 8. Jun 2008, 05:16

Re: Fixing Browser Differences

Beitragvon RMIGHTY1 am Do 10. Jul 2008, 00:43

Hello Gerhard,

No success. I tried the suggestions and they did not work or possibly I did not apply them correctly. I think I did apply them correctly but you know how that goes.

I also looked inside a chronoform HTML component file and tried two classes they have listed there.
."chronoform" {margin:0 auto; text-align:center;}
.HTML_ChronoContact {margin:0 auto; text-align:center;}

Also tried
.chronoform {margin:0 auto; text-align:center;}

I cleared the cache in my browsers each time but no difference.

I think I will just optimize it for FF and then accommodate IE7 as much as possible.

If I could only figure out which class is being used by chronoforms. When I modify the main and content classes, they work on all displayed components except chronoforms. Sheeesh!!
When I modify the form class in the template, the login and search sections are affected also.
I just thought of the possibility of adding a class for the chronoform inside of Joomla. Will look at that next.

I sometimes wonder why programmers program to optimize in FF when it has the minority of browser users and IE still has the majority of users. But I will continue to optimize for FF. Must be a dislike for Microsoft.

Thank you Gerhard for all your help.

I will be back!!!

~~Ray :)
Benutzeravatar
RMIGHTY1
Beginner
 
Beiträge: 14
Registriert: So 8. Jun 2008, 05:16

Re: Fixing Browser Differences

Beitragvon Gerhard am Do 10. Jul 2008, 17:14

Hello Ray,

now i´ve been testing chronoforms and I can´t see any problems. I think it is your form-code. The template and the component works properly. Which code did you insert in chronoforms component? Can you post that code here?

Greetz
Gerhard
Gratis Templates, News, Tutorials und vieles mehr, bei http://www.Ahadesign.eu
Benutzeravatar
Gerhard
Administrator
 
Beiträge: 1159
Registriert: Do 27. Dez 2007, 22:48
Plz/Ort: Oberfranken

Re: Fixing Browser Differences

Beitragvon RMIGHTY1 am So 13. Jul 2008, 04:42

Hello Gerhard,

I have been working on this and making changes but none work. Here is code inserted into chronoform component:



<style type="text/css">
@import url(templates/aha_edition_white/css/ezwebdomregDEV3.css);
</style>

<div id="mainwrapper" class="mainwrapper" align="center">


<div id="masthead" style="left: 0px; top: 2px">EZwebstart -- Register Here!!!<br />
<span class="subtitle">for webhosting plus personal domain name or transfer</span></div>


<div id="top_nav">&nbsp;<span class="subsubtitle">(fill in only what applies to
you)</span></div>
<div id="page_content">

<fieldset id="field1a" name="Group1a" class="fieldsetcf1a" style="z-index: 173">
<legend class="leg1a" style="width: 580px"><span class="legnum">&nbsp;1a.</span>
Tell Us What You Want
&nbsp;<span class="reallywant">...what you really want!!!&nbsp; </span></legend>

<div align="center" class="field1aint">
<br />
<span class="xlgecomtext">Choose Your
<span class="FREExl">FREE:</span>
New Website Program!!!</span><span class="style1"> <br />
&nbsp;</span><select name="Your_FREE_Website_Program" class="webdropdown" tabindex="1" style="width: 401px">
<option selected="select one" value="select one">select one</option>
<option value="b2evolution">b2evolution Blog</option>
<option>Coppermine Photo Gallery</option>
<option>Cube Cart Shopping Cart (eCommerce)</option>
<option>Drupal Blog & CMS</option>
<option>Gallery2 Photo Gallery</option>
<option>Joomla! CMS & Blog</option>
<option>Mambo CMS & Blog</option>
<option>Open Realty</option>
<option>phpBB Forum</option>
<option>Simple Machines Forum (SMF)</option>
<option>TikiWiki CMS & Blog</option>
<option>WordPress Blog</option>
<option>Zen Cart Shopping Cart (eCommerce)</option>
</select>
<span class="style2">&nbsp;<span class="comtext"><img alt="" src="images/say_what.gif" width="66" height="50" style="float: right; position: relative; left: -72px; top: 23px;" /><br />
</span><br />
<input name="Radio1" type="radio" checked="checked" />
&nbsp;</span><span class="comtext">Please provide your</span><span class="FREE"> FREE</span><span class="comtext">
installation<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
of this </span><span class="FREE">FREE</span><span class="comtext">
program.
<br />
</span><span class="OR">~~ OR ~~</span> <br />
<input name="Radio15" type="radio" checked="checked" />
&nbsp;<span class="comtext">Please leave my website blank.<br />
&nbsp;
I will install my own website.</span>
<br />
&nbsp;</div></fieldset><br /><br />
</div>


<fieldset name="Group1b" class="fieldsetcf1b" id="field1b" style="z-index: 172; background-color: #DFFFFF;">
<legend class="leg1b"><span class="legnum">&nbsp;1b.</span> Choose Your
Web Address for $10/year *&nbsp;&nbsp;&nbsp; </legend>


<div id="field1bint" align="center" class="field1bint">
<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span class="comtext">Example: &quot;scubadivers.com&quot;</span><br />
<table cellpadding="2" class="comtext" align="center" id="tabledomain">
<tr>
<td colspan="2" class="tdchoice"><span >
<span class="td_domainname" class="comtext">1st choice:</span></span></td>
<td colspan="2">
<input name="Text22" type="text" class="inputchoice">
</td>
</tr>
<tr>
<td colspan="2" class="tdchoice"><span class="td_domainname">2nd choice:</span></td>
<td colspan="2">
<input name="Text23" type="text" class="inputchoice">
</td>
</tr>
<tr>
<td colspan="2" class="tdchoice"><span class="td_domainname">3rd choice:</span></td>
<td colspan="2">
<input name="Text24" type="text" class="inputchoice"> </td>
</tr>
</table>
<span class="comtext">Please double check your spelling for
accuracy.<br />
&nbsp;EZwebstart is not responsible for misspelled applications.<br />
&nbsp;Domain name fees are non-refundable to us and therefore<br />
are also
non-refundable to you.
Thank you for understanding.<br />
<br />
We will register
</span><span class="FREE">YOUR</span><span class="comtext"> web address (domain name)<br />
in
</span><span class="FREE">YOUR</span><span class="comtext"> name
as
</span><span class="FREE">Registrant</span><span class="comtext"> with ezwebstart.biz<br />
as the administrative,
billing and email contact.<br />
&nbsp;This makes
</span><span class="FREE">YOU</span><span class="comtext"> the
official owner of
</span><span class="FREE">YOUR</span><span class="comtext"> domain name<br />
yet protects you from this public listing being a source of<br />
email spam and solicitation while making us your workhorse.<br />
<br />
<table style="width: 100%; background-color: #F8F8F8" class="style3">
<tr>
<td><span class="note">Note</span><span class="mediumgreen">:</span></td>
<td><span class="mediumgreen">If you prefer other arrangements, please
post in comment</span></td>
</tr>
<tr>
<td>&nbsp;</td>
<td><span class="mediumgreen">&nbsp;
area below
and we will be happy to accommodate you.</span></td>
</tr>
</table>
</span><span class="style4">&nbsp;</span><span class="OR"><br />
~~ OR ~~<br />
</span><span class="comtext"><br />

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; We are currently able to offer </span>
<span class="FREE">FREE</span><span class="comtext"> anonymity for web address<br />
(domain name) registrations. This means that your name, address,<br />
telephone number and email address will not be publicly displayed<br />
on the internet. This reduces your email, postal (snail) mail<br />
and telephone spam and solicitations.<br />
<br />
</span><span class="style8">
<input name="checkbox2" type="checkbox" class="comtext"></span><span class="comtext">&nbsp;&nbsp;&nbsp; Yes, I want
</span><span class="FREE">FREE</span><span class="comtext">
anonymous registration!<br />
</span><span class="mediumgreen">(not recommended for businesses)<br />
<span class="note">Note</span>: (The &quot;.us&quot; extension is not permitted to have anonymous
registration)<br />
</span>
<span class="comtext"><br />
We will do our best to obtain your prime choice of web address.<br />

If however they are already taken, we will contact you<br />
with some alternative choices.<br />
<br />
* Some domains cost more.</span><br />
<br />
</div>
</fieldset>
<br />


<fieldset name="Group1d" class="fieldsetcf1d" id="field1d" style="z-index: 171; background-color: #E8F9E8;">
<legend class="leg1d"><span class="legnum">&nbsp;1c.</span> If You Already Own Your<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
Personalized Web Address&nbsp;&nbsp;&nbsp; </legend>
<div style="margin: 25px; width: auto; z-index: 0; border: 5px #00CC99 outset; left: 28px; background-color: #F7FDF7; padding-left: 25px; padding-right: 25px;" id="field1cint" align="center">
<span class="comtext">
<br />
<input name="Radio5" type="radio" value="V1" checked="checked" />&nbsp; I want to
transfer my domain name to EZwebstart so that you can<br />
&nbsp;manage my domain name. Transfer fee of $10* also gives me<br />
an extra year registration. This is like getting a
</span><span class="FREE">FREE</span><span class="comtext">
transfer.<br />
My domain name to transfer is:<br />
<input name="Text27" type="text" />
.

<select name="Select3" style="width: 78px">
<option></option>
</select>&nbsp; other:

<input name="Text28" type="text" style="width: 90px" /> <br />
<br />
Domain name fees are non-refundable to us and therefore<br />
are also non-refundable to you. Thank you for understanding.<br />
<br />
We will register
<span class="FREE">YOUR</span> web address (domain name) in
<span class="FREE">YOUR</span> name<br />
as
<span class="FREE">Registrant</span> with ezwebstart.biz as the
administrative,<br />
billing and email contact.<br />
&nbsp;This makes
<span class="FREE">YOU</span> the official owner of
<span class="FREE">YOUR</span> domain name yet<br />
&nbsp;protects you from this public listing being a source of<br />
email spam and solicitation while making us your workhorse.<br />
<br />
<table style="width: 100%; background-color: #F8F8F8" class="style3">
<tr>
<td><span class="note">Note</span><span class="mediumgreen">:</span></td>
<td><span class="mediumgreen">If you prefer other arrangements,
please post in comment</span></td>
</tr>
<tr>
<td>&nbsp;</td>
<td><span class="mediumgreen">&nbsp;
area below
and we will be happy to accommodate you.</span></td>
</tr>
</table>
<br />
<span class="OR">~~ OR ~~<br />
</span><span class="style5"><span class="style6">&nbsp; </span>
</span><br />

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; We are currently able to offer
<span class="FREE">FREE</span> anonymity for web address<br />
(domain name) registrations. This means that your name, address,<br />
telephone number and email address will not be publicly displayed<br />
on the internet. This reduces your email, postal (snail) mail<br />
and telephone spam and solicitations.<br />
<br />
<span class="style8">
<input name="checkbox4" type="checkbox" class="comtext"></span>&nbsp;&nbsp;&nbsp; Yes, I
want
<span class="FREE">FREE</span>
anonymous registration!<br />
<span class="mediumgreen">(not recommended for businesses)<br />
<span class="note">Note</span>:
(The &quot;.us&quot; extension is not permitted to have
anonymous registration)</span></span><span class="mediumgreen"><br />
</span><span class="comtext">
<span class="mediumgreen"><span class="mediumteal"><br />
</span></span>You will be contacted with further instructions to<br />
transfer your domain to EZwebstart. &nbsp;</span><br />
<br />
<input name="Radio6" type="radio" value="V1" checked="checked" /><span class="comtext">&nbsp;
Please help me point my domain to your name servers.<br />
<br />
</span>
<input name="Radio7" type="radio" value="V1" checked="checked" /><span class="comtext">&nbsp;&nbsp;
I will point my domain to your name servers.<br />
<br />
*Some domains cost more.<br />
</span><br />
</div>
<span class="comtext">
&nbsp;</span>&nbsp;</fieldset>
<br />
<fieldset name="Group1c" class="fieldsetcf1c" id="field1c" style="z-index: 170; background-color: #FFECF5;">
<legend class="leg1c"><span class="legnum">&nbsp;1d.</span> Choose Your
<span class="FREE">FREE</span> Email Addresses&nbsp;&nbsp;&nbsp; </legend>
<div style="width: auto; height: auto; z-index: 0; margin: 25px; background-color: #FFF9FF; border: 5px #FF37FF outset; padding-left: 25px; padding-right: 25px;" id="field1dint">
<span class="comtext"><br />
<input name="Radio10" type="radio" value="V1" checked="checked" />&nbsp;
Thank you for offering but I will set up my own email addresses.
<br />
<br />
<input name="Radio11" type="radio" checked="checked" value="V1" />

Please set up my email addresses for me, thank you.

<br />
<br />
<input name="Radio4" type="radio" value="V1" checked="checked" />

Please teach me to set up my own email addresses.<br />
&nbsp;<br />

You have unlimited email addresses.<br />
&nbsp;We will setup your first two for
<span class="FREE">FREE!!!<br />
</span>Please indicate the first part of each email address you want.<br />
In the
example </span><a href="mailto:dorothy@yourdomainname.com"><span class="comtextred">dorothy</span><span class="comlink"><span class="comtext">@yourdomainname.com</span></span></a><span class="comtext">,<br />
&quot;<span class="comtextred">dorothy</span>&quot; is the first part.
<br />
Please indicate your choices below.<br />
1st part of email address #1:

<input name="Text2" type="text" class="comtext" style="width: 162px" />
@yourdomainname<br />
1st part of email address #2:

<input name="Text3" type="text" class="comtext" style="width: 162px" />
@yourdomainname<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</span><span class="Example">example</span><span class="small"><span class="comtext">: </span> </span><span class="mediumdarkred">dorothy</span><span class="comtext"><span class="yourdomain-com">@yourdomainname.com</span><span class="comlink"><br />
</span><br />
So we can set your email account to your local time,<br />
please indicate your
time zone.<br />
<br />
&nbsp;
<input name="Radio12" type="radio" checked="checked" value="V1" class="comtext" />
EST&nbsp;&nbsp;&nbsp;

<input name="Radio13" type="radio" value="V1" class="comtext" checked="checked" />
CST&nbsp;&nbsp;&nbsp;

<input name="Radio14" type="radio" value="V1" class="comtext" checked="checked" />
MST&nbsp;&nbsp;&nbsp;

<input name="Radio2" type="radio" value="V1" class="comtext" checked="checked" />
PST&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; other:

<input name="Text4" type="text" class="comtext" />
<br />
<br />
<br />
Remember, you have unlimited email accounts that you<br />
&nbsp;can set up within your hosting account for <span class="FREE">FREE</span>.<br />
Or, we can set them up for you for a one time charge of $6 each.<br />
<br />
</span></div>
</fieldset>

<br />

<fieldset name="Group1" class="fieldsetcf2a" id="field2a" style="z-index: 169; background-color: #E1E1FF; height: auto; left: 0px; width: auto; position: relative;">
<legend class="leg2a"><span class="legnum">&nbsp;2a.</span> Tell Us Who You Are &nbsp;
</legend>
<div class="style23">
<div style="padding-left: 5px; padding-right: 5px; padding: 0 25px 0 25; position: relative; width: auto; height: auto; z-index: 0; left: 0px; top: -12px; margin: 25px; border: 5px #800080 outset; background-color: #F9F9FF; " id="field2aint">
<span class="comtext"><br />
ICANN, the credentialing body for all web addresses (domain names)
<br />
in the world requires the following information<br />
from all domain name purchasers.<br />
If you are purchasing or transferring a domain name,<br />
the following information must be provided.<br />
</span><span class="note">Note</span><span class="mediumgreen">:
ICANN does not accept P.O. box addresses. <br />
</span>
<span class="comtext"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />
(</span><span class="redasterisk">*</span><span class="comtext"> = required)<br />
<br />
</span>
<table class="comtext">
<tr>
<td class="style20" align="right" style="height: 28px">First Name:
<span class="redasterisk">*</span></td>
<td class="style17" style="height: 28px; width: 110px;">
<input name="Text44" type="text" class="tableinput" size="20"></td>
<td class="style21" align="right" style="height: 28px">Last Name:
<span class="redasterisk">*</span> </td>
<td class="style17" style="height: 28px; width: 110px;">
<input name="Text52" type="text" class="tableinput" size="20"></td>
</tr>
<tr>
<td class="style20" align="right">Mailing Address 1:
<span class="redasterisk">*</span></td>
<td class="style17" style="height: 28px; width: 110px;">
<input name="Text48" type="text" class="tableinput" size="20"></td>
<td class="style21" align="right">Country: <span class="redasterisk">*</span></td>
<td class="style17" style="height: 28px; width: 110px;">
<input name="Text53" type="text" class="tableinput" size="20"></td>
</tr>
<tr>
<td class="style20" align="right" style="height: 28px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; City 1:
<span class="redasterisk">*</span></td>
<td class="style17" style="height: 28px; width: 110px;">
<input name="Text49" type="text" class="tableinput" size="20"></td>
<td class="style20">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &nbsp;&nbsp;&nbsp;Telephone 1:
<span class="redasterisk">*</span></td>
<td class="style17" style="height: 28px; width: 110px;">
<input name="Text54" type="text" class="tableinput" size="20"></td>
</tr>
<tr>
<td class="style20" align="right">State 1: <span class="redasterisk">*</span></td>
<td class="style17" style="height: 28px; width: 110px;">
<input name="Text50" type="text" class="tableinput" size="20"></td>
<td class="style15" align="right">Email Address #1:
<span class="redasterisk">*</span></td>
<td class="style17" style="height: 28px; width: 110px;">
<input name="Text55" type="text" class="tableinput" size="20"></td>
</tr>
<tr>
<td class="style20" align="right">Zipcode 1:
<span class="redasterisk">*</span></td>
<td class="style17" style="height: 28px; width: 110px;">
<input name="Text51" type="text" class="tableinput" size="20"></td>
<td class="style15" align="right">&nbsp;</td>
<td class="style16" style="height: 28px">
&nbsp;</td>
</tr>







</table>
<span class="comtext"><br />
</span><span class="comtextunderline">Optional</span><span class="comtext"><br />
<br />
<table class="comtext">

<tr>
<td class="style20" align="right">Organization Name:
<span class="asterisk">*</span></td>
<td class="style17" style="height: 28px; width: 80px;">
<input name="Text56" type="text" class="tableinput" size="20"></td>
<td class="style20">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;
Fax 1:&nbsp;<span class="asterisk">&nbsp;</span></td>
<td class="style17" style="height: 28px; width: 110px;">
<input name="Text61" type="text" class="tableinput" size="20"></td>
</tr>
<tr>
<td class="style20" align="right">&nbsp; Mailing Address 2:&nbsp;&nbsp; </td>
<td class="style17" style="height: 28px; width: 110px;">
<input name="Text57" type="text" class="tableinput" size="20"></td>
<td class="style15" align="right">Telephone 2:<span class="asterisk">*</span>&nbsp; </td>
<td class="style17" style="height: 28px; width: 110px;">
<input name="Text62" type="text" class="tableinput" size="20"></td>
</tr>
<tr>
<td class="style20" align="right">City 2: &nbsp; </td>
<td class="style17" style="height: 28px; width: 110px;">
<input name="Text58" type="text" class="tableinput" size="20"></td>
<td class="style15" align="right">Fax 2:<span class="asterisk">*</span>&nbsp; </td>
<td class="style17" style="height: 28px; width: 110px;">
<input name="Text63" type="text" class="tableinput" size="20"></td>
</tr>
<tr>
<td class="style20" align="right">State 2: &nbsp; </td>
<td class="style17" style="height: 28px; width: 110px;">
<input name="Text59" type="text" class="tableinput" size="20"></td>
<td class="style15" align="right">Email Address #2:<span class="asterisk">*</span>&nbsp; </td>
<td class="style17" style="height: 28px; width: 110px;">
<input name="Text64" type="text" class="tableinput" size="20"></td>
</tr>
<tr>
<td class="style20" align="right">Zipcode 2: &nbsp; </td>
<td class="style17" style="height: 28px; width: 110px;">
<input name="Text60" type="text" class="tableinput" size="20"></td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>
<br />
<br />
For security reasons, we send passwords to<br />
second email address when available.<br />

<br />

</span></div>

</div></fieldset>

<br />

<fieldset name="Group2b" id="field2b" class="fieldsetcf2b">
<legend class="leg2b">
<span class="legnum">&nbsp;2b.</span> Instructions/Comments/Suggestions&nbsp;&nbsp;&nbsp;
</legend>

<div style="padding: 0 25px 0 25; border: 5px #FF9900 outset; margin: 25px; position: relative; width: auto; height: auto; z-index: 0; left: 0px; top: 0px; background-color: #FFF9EA;" id="field2bint" align="center">
<span class="comtext"><br />
Here is where you can tell us additional instructions or comments.<br />
We welcome constructive suggestions too!</span><br />
<br />
<textarea name="TextArea1" cols="20" rows="2" class="textarea"></textarea><br />
<span class="comtext"><br />
Thank You!!!<br />
<br />
</span>
</div>

</fieldset>
<br />


<fieldset name="Group2c" class="fieldsetcf2c" id="field2c">
<legend class="leg2c"><span class="legnum">&nbsp;2c.</span> Register&nbsp;&nbsp;
</legend>
<div style="padding: 0 25px 0 25; border: 5px #006600 outset; position: relative; width: auto; height: auto; z-index: 0; margin: 25px; background-color: #ECFFEC;" id="field2cint" align="center">
<br />
<span class="comtext">You will be registered at EZwebstart upon<br />
click of the &quot;Register&quot; button below.<br />
&nbsp;You will then be sent to PayPal where you can pay via<br />
your bank account or a valid credit card.<br />
&nbsp;You do </span><span class="medred">not</span><span class="comtext"> have to
be a member of PayPal.<br />
&nbsp;When we receive confirmation from PayPal of payment,<br />
we will begin setting up your account per your request.<br />
&nbsp;You will be informed via email every step of the way.<br />
<br />
<img alt="" src="images/69or599banner.jpg" width="458" height="150" /><br />
<br />
No contracts, no commitment, no setup fees, no hidden charges.<br />
&nbsp;Cancel anytime for a prorated refund.<br />
<br />
<table style="width: 90%" cellspacing="4" cellpadding="4" align="center" class="style2">
<tr>
<td class="tdribbon">&nbsp;<br />
<span>
<img alt="" src="images/45seal.jpg" width="100" height="160" class="blueribbon" id="blueribbon" /></span></td>
<td class="td45day">&nbsp;<span class="FREE">45</span>
Day No Hassle<br />
Money Back Guarantee!!!<span class="mediumteal"></span><br />
You have
<span class="FREE">45</span> days to<br />
&nbsp;fall in
love with us or you<br />
get all your money back.<br />
<span class="note">Note</span><span class="mediumgreen">: Fees for domain
names are not<br />
refundable to us and therefore<br />
not refundable to you.<br />
Thank you for understanding.</span></td>
<td class="tdmedallion">
<img alt="" src="images/guarantee100-grn.png" width="103" height="101" class="medallion" /></td>
</tr>
</table>
<br /></span>
<input name="TOS" type="checkbox" class="comtext" value="I have read and agree to Terms of Service." /><span class="comtext">&nbsp;
I have read and agree to Terms of Service</span><br />
<br />
<input name="RegisterHostingOnly" type="submit" value="Register" class="legnum" />
<br />
<br />
</div>
</fieldset>
</div>

<div id="footer">&nbsp;
</div>
</div>


That's it. Remember, I keep working on it and changing it, but still no success. It seems the #contentarea selector in the aha template accepts the border but not the width in the chronoform component. It does outside the chronoform component however.

Thank you again Gerhard for your help.

~~Ray :)
Benutzeravatar
RMIGHTY1
Beginner
 
Beiträge: 14
Registriert: So 8. Jun 2008, 05:16

Re: Fixing Browser Differences

Beitragvon Gerhard am So 13. Jul 2008, 15:37

Hello Ray,

simply delete the latest </div> in your code. Then your code works perfect in all browsers.

Greetz
Gerhard
Gratis Templates, News, Tutorials und vieles mehr, bei http://www.Ahadesign.eu
Benutzeravatar
Gerhard
Administrator
 
Beiträge: 1159
Registriert: Do 27. Dez 2007, 22:48
Plz/Ort: Oberfranken

Nächste

Zurück zu Templates für Joomla 1.0.xx

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 1 Gast

cron