Table stays put in IE, but not in Firefox

oxman67 · 08-24-2011, 02:13 AM

Hey y'all,

I am new to the web design side of things and just wanted to take a crack at it. So I have designed a very SIMPLE 5 page website and on one of my pages there is a form to fill out information about who ever if visiting. I have the table created, linked to the php to send me an email when the customer fills the info out, hits submit. This acutally worked on my first try. I am a CAM software Engineer and applications engineer so i know a bit about coding...

BUT for the LIFE OF ME, I cannot get the damn table to stay put in Firefox. In IE it will stay exactly where I designed it to be using margin-left, margin-top, ect.. no matter what size I make the viewport, yet in Firefox when I change the width of the viewport the table moves all over in the horizontal direction...

Any ideas? Here is the code... yes I know it sucks, it is my first time so take it easy please. Thanks for the help I bet it is something easy I am overlooking. I am using Dreamweaver btw.

HTML Code:

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
body {
	background-image: url(images/invite.jpg);
	background-repeat: no-repeat;
	background-color: #DC1414;
	background-position: center top;
	text-align: center;
}
.text {
	font-size: 16px;
	color: #FFF;
	font-family: Arnprior;
}
.radio {
	font-size: 16px;
	font-family: Arnprior;
	color: #FFF;
}
.radio2 {
	font-size: 16px;
}
#apDiv1 {
	position:absolute;
	width:401px;
	height:278px;
	z-index:1;
	top: 68px;
	left: 440px;
}
</style>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- End Save for Web Slices -->

<blockquote>
  <form name="form1" method="post" action="">
  </form>
  <div class="">
    <table width="398" border="0" cellpadding="6" style="margin-top:50;margin-left:800" >
      <tr>
        <td width="116" height="37" style="text-align: right; font-family: Arnprior; font-size: 16px; color: #FFF;"><label for="firstname2"><span class="text">First Name</span>:</label></td>
        <td width="252" style="text-align: left"><span style="text-align: right">
          <input name="firstname" type="text" id="firstname2" size="40" maxlength="35">
        </span></td>
      </tr>
      <tr>
        <td style="text-align: right; font-family: Arnprior; font-size: 16px; color: #FFF;"><label for="lastname">Last Name:</label></td>
        <td style="text-align: left"><span style="text-align: right">
          <input name="lastname" type="text" id="lastname" size="40" maxlength="40">
        </span></td>
      </tr>
      <tr>
        <td style="text-align: right; font-family: Arnprior; font-size: 16px; color: #FFF;"><label for="email">Email:</label></td>
        <td style="text-align: left"><span style="text-align: right">
          <input name="email" type="text" id="email" size="40" maxlength="80">
        </span></td>
      </tr>
      <tr style="text-align: left; font-family: Arnprior; color: #FFF;">
        <td><p><br>
        </p></td>
        <td><label>
          <input type="radio" name="RadioGroup1" value="Owner of Truck" id="RadioGroup1_0">
          <span class="radio2">Owner</span></label>
          <br>
          <label>
            <input type="radio" name="RadioGroup1" value="Customer" id="RadioGroup1_1">
            <span class="radio">Customer</span></label></td>
      </tr>
      <tr>
        <td style="text-align: right">&nbsp;</td>
        <td style="text-align: left">&nbsp;</td>
      </tr>
      <tr>
        <td style="text-align: right">&nbsp;</td>
        <td style="text-align: left">&nbsp;</td>
      </tr>
      <tr>
        <td style="text-align: right">&nbsp;</td>
        <td style="text-align: left">&nbsp;</td>
      </tr>
    </table>
  </div>
</blockquote>
</body>
</html>

leroy30 · 08-24-2011, 02:55 AM

If you had an example on the net it would be much easier to have a look at it for you!

Have a look at google chromes developer tools... I believe you can change styles and css values on the live website to see their immediate effect in a web browser...

CaldwellYSR · 08-24-2011, 03:52 AM

Simple answer..... don't use tables.

Check this out learn it, love it

oxman67 · 08-24-2011, 02:50 PM

Sorry, I dont have an address or server yet, I have been testing it on my local php mySQL sever I setup.

I will try the CSS idea, when I create the Div tags will I just insert the same info I had in my table in the Div tag?

Jeroen07 · 08-24-2011, 03:34 PM

Quote:

Originally Posted by CaldwellYSR

Simple answer..... don't use tables.

Check this out learn it, love it

Indeed.. Div's will do the job in this case.

oxman67 · 08-24-2011, 05:26 PM

I inserted a div tag and put a margin to top and left so it lined up how I wanted it... put random jibberish in it... previewed in firefox and it still moves depending on the size of the viewport...

oxman67 · 08-24-2011, 06:19 PM

Can anyone give me some code to use in the div tag to hold the div in the correct position? please. Thanks

Here is an image of the page... I am trying to set a div/table/etc... inside the blue box and ask for first name, last name, and all of the jazz... and then once they fill it out hit a send button and it will email their information to me.
I have the php setup to send the information to me I just have to link it to the text fields and radio buttons once I get them inserted, and keep them in the correct place.

oxman67 · 08-24-2011, 08:05 PM

Getting ready to purchase my domain and host... would you guys suggest automated site backup?

Absolution · 08-24-2011, 08:14 PM

I never really needed automated site back up unless you will store like a gigabyte of data, then it will take you forever to re-upload it. Or if you have a lot of content added by other users, then it might be wise to have automated back up. Otherwise I dont think its necessary. Just make sure you have a back up of your site on your hard drive and it should be fine.

oxman67 · 08-24-2011, 11:29 PM

Thanks Absolution! Eventually it will have users and stuff so I got it. It was $13 per year...

any ideas on the code?

08-24-2011, 03:52 AM	#3
CaldwellYSR Platinum Member Join Date: Jun 2011 Location: Riverton, WY Posts: 658	Simple answer..... don't use tables. Check this out learn it, love it Fireproofgfx likes this.

08-24-2011, 06:19 PM	#7
oxman67 New Member Join Date: Aug 2011 Posts: 10	Can anyone give me some code to use in the div tag to hold the div in the correct position? please. Thanks Here is an image of the page... I am trying to set a div/table/etc... inside the blue box and ask for first name, last name, and all of the jazz... and then once they fill it out hit a send button and it will email their information to me. I have the php setup to send the information to me I just have to link it to the text fields and radio buttons once I get them inserted, and keep them in the correct place. Last edited by oxman67; 08-24-2011 at 06:41 PM.

08-24-2011, 08:14 PM	#9
Absolution Silver Member Join Date: Jul 2011 Posts: 162	I never really needed automated site back up unless you will store like a gigabyte of data, then it will take you forever to re-upload it. Or if you have a lot of content added by other users, then it might be wise to have automated back up. Otherwise I dont think its necessary. Just make sure you have a back up of your site on your hard drive and it should be fine. __________________ http://www.skepticize.me

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

08-24-2011, 02:55 AM	#2
leroy30 Gold Member Join Date: Mar 2010 Location: Auckland, New Zealand Posts: 456	If you had an example on the net it would be much easier to have a look at it for you! Have a look at google chromes developer tools... I believe you can change styles and css values on the live website to see their immediate effect in a web browser...

08-24-2011, 02:50 PM	#4
oxman67 New Member Join Date: Aug 2011 Posts: 10	Sorry, I dont have an address or server yet, I have been testing it on my local php mySQL sever I setup. I will try the CSS idea, when I create the Div tags will I just insert the same info I had in my table in the Div tag?

08-24-2011, 05:26 PM	#6
oxman67 New Member Join Date: Aug 2011 Posts: 10	I inserted a div tag and put a margin to top and left so it lined up how I wanted it... put random jibberish in it... previewed in firefox and it still moves depending on the size of the viewport...

08-24-2011, 08:05 PM	#8
oxman67 New Member Join Date: Aug 2011 Posts: 10	Getting ready to purchase my domain and host... would you guys suggest automated site backup?

08-24-2011, 11:29 PM	#10
oxman67 New Member Join Date: Aug 2011 Posts: 10	Thanks Absolution! Eventually it will have users and stuff so I got it. It was $13 per year... any ideas on the code?