Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    N8W
    N8W is offline
    New to the CF scene
    Join Date
    Jul 2011
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Tables not displaying correctly in Chrome and Safari

    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:





    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.



    Any ideas? Please help...thanks!

    Here is some of my stripped down code:

    -----------------------------------
    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>

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,854
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)


  •  

    Tags for this Thread

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •