473,221 Members | 1,820 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,221 software developers and data experts.

Please help, simple form display problems in IE

290 100+
Hello,


I have made a nice opt-in form and tested it
in Moz FF and it looks fine.

But in IE the elements don't line up properly.

I think I am nearly there but can not get these elements
straight - can you see what I have missed ?

Here is a couple of screen shots.

In Moz FF:



And now in IE:



The code that I use for the form is here:
Expand|Select|Wrap|Line Numbers
  1. <div class="formfill w3">
  2. <form name="regis" action ='index1.php' method = 'POST'>
  3. <div class="reg_table">
  4. <span style="font-size:20px; font-weight:bold; color:red;">Limited Time Offer.</span><br>
  5. <span style="font-size:16px; font-weight:bold; color:blue;">Grab all four bonuses absolutely free 
  6. and with no strings attached. Introductory special offer.</span><br>
  7. <span style="font-size:14px; font-weight:bold; color:red;">Sent Directly to your email.</span><br>
  8. <span><input type="hidden" name="reg" value="yes" ></span>
  9. <br><br>
  10. <span class="tab-cell-left" style="font-size:20px;">Your Name:</span>
  11. <span class="tab-cell-right"><INPUT name="x_name" value= '<?php echo "$N_name"; ?>' size="28" type="text"></span>
  12.  
  13. <span class="tab-cell-left" style="font-size:20px;">Email Address:</span>
  14. <span class="tab-cell-right"><INPUT name="x_email" value= '<?php echo "$N_email"; ?>' size="28" type="text"></span>
  15.  
  16. <input class="button2" type="submit" value="Give Me Free Access Now"/>
  17.  
  18. </div> <!-- END FORM TABLE -->
  19. </form>
  20.  
  21. <div class="spambox1">
  22.  We HATE spam as much as you do.
  23.  We value our relationship with you and will never share your email address or any other details with anyone else. 
  24.  Thats a promise.
  25. </div> <!-- END SPAM BOX -->
  26.  
  27. </div> <!-- END FORM FILL -->
The only problem is that I can not completely re-write the css
because many other pages are using the css.

I justwould like to find out what element is making the form appear so bad in IE.

I only showed part of the page in the images above, the whole page can be seen here:

http://www.expert-world.com/im/index1.php

It looks nice in Moz FF but in IE it is not very good.

I have tried adjusting the width and padding of the
.tab-cell-right { in the css.

Although I could see changes in the Moz FF, the IE version did not change.

Ths css I use for the form is here:

Expand|Select|Wrap|Line Numbers
  1. .formfill {
  2.   text-align: center;
  3.   border-style: dashed;
  4.     border-width: 3px;
  5.   border-collapse: collapse;
  6.     border-color: #9F0000;
  7.     background-color: #DEE4ED;
  8.     margin: 10px auto;
  9.     padding: 10px;
  10. }
  11.  
  12. .w1{
  13.     width: 520px;
  14. }
  15.  
  16. .w2{
  17.     width: 720px;
  18. }
  19.  
  20. .w3{
  21.     width: 400px;
  22.     height:380px;
  23.     float:right;
  24. }
  25.  
  26.  
  27. .spambox1 {
  28.     font-family: Arial; 
  29.   font-size: 12px; 
  30.     text-align: center;
  31.     border-collapse: collapse;
  32.   background-color:#a9a9a9;
  33.     border-color: #C0C0C0;
  34.     border-width: 2px;
  35.     height: 60px;
  36.     width: 400px;
  37.     margin: 30px auto;
  38.     padding: 3px 3px 3px 3px;
  39. }
  40.  
  41. .reg_table {
  42.   text-align: center;
  43.     margin: 0 auto;
  44. }
  45.  
  46. .tab-cell-spec {
  47.   width: 390px;
  48.     height: 30px;
  49.   float: left;
  50.   text-align: left;
  51.     font-weight: bold;     
  52. }
  53.  
  54. .tab-cell-left {
  55.   width: 140px;
  56.     height: 50px;
  57.   text-align: right;    
  58.     margin: 0px auto;
  59.     float: left;
  60. }
  61.  
  62. .tab-cell-right {
  63.   width: 180px;
  64.     height: 50px;
  65.     font-size:16px;
  66.   text-align: left;    
  67.   margin: 0 60px 0 0;
  68.     float: right;
  69. }
  70.  
  71. input.button2{
  72.   font-size: 14px;
  73.     font-family: Arial; 
  74.     letter-spacing: -1px; 
  75.     font-weight: bold; 
  76.     width: 360px; 
  77.     height: 40px;
  78.   border:3px outset #950000;
  79. }
  80.  
  81. .input_fm{
  82.   width: 900px;
  83.     font-weight: bold;
  84.     margin: 0px auto;
  85.     float: left;
  86. }
  87.  

The full css file is here:

http://www.expert-world.com/im/guru.css

Hopefully someone can see what I have done wrong.

thanks
Sep 9 '09 #1
1 2601
jeddiki
290 100+
By the way,

I forgot to mention that the form looks fine
in Opera as well

It is jus IE that gives this funny problem.

Any ideas - or a solution ?

Thanks
Sep 11 '09 #2

Sign in to post your reply or Sign up for a free account.

Similar topics

3
by: Lee Mundie | last post by:
Hi there, Simple problem here but can't seem to fix it! Okay, I have a select list from which people choose avatars... the list is option values ie. <option>Worm</option> ...
7
by: Tigger | last post by:
Dear Experts, I am working on ASP.NET. I have got a problem related to the usage of Javascript in ASP.NET. Please help. The story is the following: 1) I am developing an ASP.NET application. I...
1
by: Shawn Mehaffie | last post by:
I am creating a screen saver and am having a problem with showing the screensaver form in the preview pane. The code works correctly in the the form does display within the preview window. I...
1
by: David Van D | last post by:
Hi there, A few weeks until I begin my journey towards a degree in Computer Science at Canterbury University in New Zealand, Anyway the course tutors are going to be teaching us JAVA wth bluej...
0
by: ward | last post by:
Greetings. Ok, I admit it, I bit off a bit more than I can chew. I need to complete this "Generate Report" page for my employer and I'm a little over my head. I could use some additional...
6
by: mantrid | last post by:
Hello can anyone see why the following function is not working. The extended version, where I take out the first 'for' loop and substitute in all the 'cases' works. Sorry if I'm being dumb but Im...
8
by: Greg Lyles | last post by:
Hi all, I'm trying to develop an ASP.NET 2.0 website and am running into some real problems with what I thought would be a relatively simple thing to do. In a nutshell, I'm stuck on trying to...
2
by: deshg | last post by:
Hey everyone, I am a php programmer originally and am just helping a friend of mine update their website that they paid a designer (well that's what he called himself!) to do ages ago. I have...
6
by: shapper | last post by:
Hello, I am creating a form that includes a few JQuery scripts and TinyMCE Editor: http://www.27lamps.com/Beta/Form/Form.html I am having a few problems with my CSS: 1. Restyling the Select
1
isladogs
by: isladogs | last post by:
The next online meeting of the Access Europe User Group will be on Wednesday 6 Dec 2023 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, Mike...
0
by: veera ravala | last post by:
ServiceNow is a powerful cloud-based platform that offers a wide range of services to help organizations manage their workflows, operations, and IT services more efficiently. At its core, ServiceNow...
3
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 3 Jan 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). For other local times, please check World Time Buddy In...
0
by: jianzs | last post by:
Introduction Cloud-native applications are conventionally identified as those designed and nurtured on cloud infrastructure. Such applications, rooted in cloud technologies, skillfully benefit from...
0
by: abbasky | last post by:
### Vandf component communication method one: data sharing ​ Vandf components can achieve data exchange through data sharing, state sharing, events, and other methods. Vandf's data exchange method...
2
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 7 Feb 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:30 (7.30PM). In this month's session, the creator of the excellent VBE...
0
by: fareedcanada | last post by:
Hello I am trying to split number on their count. suppose i have 121314151617 (12cnt) then number should be split like 12,13,14,15,16,17 and if 11314151617 (11cnt) then should be split like...
0
Git
by: egorbl4 | last post by:
Скачал я git, хотел начать настройку, а там вылезло вот это Что это? Что мне с этим делать? ...
0
by: MeoLessi9 | last post by:
I have VirtualBox installed on Windows 11 and now I would like to install Kali on a virtual machine. However, on the official website, I see two options: "Installer images" and "Virtual machines"....

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.