...

View Full Version : Tables not displaying correctly in Chrome and Safari



N8W
07-12-2011, 01:46 AM
It works great in Firefox, IE, and even on my iPhone (Safari), but it's having problems in Chrome and on my friend's Mac (Safari).

I have a form with 2 tables inside. The first table is aligned left at 47% of the width. The second table is aligned right at 47% of the width.

It should look like this:

http://www.heymomimontv.com/formsamplegood.jpg


But instead looks like this in Chrome and Safari...it appears that it's centering both tables instead of aligning them left and right to give 2 separate columns.

http://www.heymomimontv.com/formsamplebad.jpg

Any ideas? Please help...thanks!

Here is some of my stripped down code:

-----------------------------------


<div id="FormLayer" style="position:absolute; width:680px; height:455px; z-index:3; left: 65px; top: 330px; border:0">
<form action="form.php" method="post" name="orderform" id="orderform">
<input type="hidden" name="recipients" value="email.com">
<input type="hidden" name="required" value="actor:Actor's Name, email:Your Email=confirm:The emails you entered did not match, show:Name of the Show, episode:Your Episode|date:Air Date, character: Character's Name, description: Description of Scenes">
<input type="hidden" name="good_url" value="success.htm">


<table width="47%" align="left" border="0" cellspacing="0" cellpadding="5">
<tr>
<td><div align="left" class="style3">
<label for="actor"><span class="style2"> Actor's Name:</span></label>
</div>
</td>
</tr>
<tr>
<td><input name="actor" type="text" id="actor" size="40" maxlength="50"></td>
</tr>


<table width="47%" align="right" border="0" cellspacing="0" cellpadding="5">
<tr>
<td><div align="left" class="style3">
<label for="character"><span class="style2"> Character's Name:</span></label>
</div>
</td>
</tr>
<tr>
<td><input name="character" type="text" id="character" size="40" maxlength="50"></td>
</tr>


</table>

</form>

abduraooft
07-12-2011, 08:56 AM
Don't you know why using tables for making layout is very bad (http://www.hotdesign.com/seybold/)? I'd recommend you to have a look at
http://www.alistapart.com/articles/prettyaccessibleforms



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum