SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Member automatic_ab's Avatar
    Join Date
    Sep 2007
    Location
    Miami
    Posts
    11
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Having browser issues with a form...

    Can someone tell me why my form on this site is all bloated on FF, Opera, Safari but on IE7 it displays properly. Here's the link...

    http://www.prestigeconsignment.com/gallery1.htm


    Here's the code...


    <form action="gdform.asp" method="post">
    <p align="center">
    <input type="hidden" name="subject" value="Form Submission" />
    <input type="hidden" name="redirect" value="thank_you.htm" />
    <strong>Product Information Request Form</strong></p>
    <table width="75%" border="4" bordercolor="#990000" align="center" cellpadding="4" >
    <tr>
    <td class="style6 style5 Contact_Info"><div align="left">
    <p><strong>Name</strong></p>
    </div></td>
    <td>
    <div align="left">
    <input id="formElement_b77f2" title="Name" style="BORDER-RIGHT: #620301 1px solid; BORDER-TOP: #620301 1px solid; BORDER-LEFT: #620301 1px solid; BORDER-BOTTOM: #620301 1px solid; BACKGROUND-COLOR: #cccccc" name="Name" labelid="formLabel_b77f2" />
    </div></td>
    </tr>
    <tr>
    <td class="style6 style5 Contact_Info"><div align="left">
    <p><strong>E-mail address </strong></p>
    </div></td>
    <td>
    <div align="left">
    <input id="First Name" title="E-mail address" style="BORDER-RIGHT: #620301 1px solid; BORDER-TOP: #620301 1px solid; BORDER-LEFT: #620301 1px solid; BORDER-BOTTOM: #620301 1px solid; BACKGROUND-COLOR: #cccccc" name="E-mail address" labelid="formLabel_b77f2" />
    </div></td>
    </tr>
    <tr>
    <td class="style6 style5 Contact_Info"><div align="left">
    <p><strong>Phone number </strong></p>
    </div></td>
    <td>
    <div align="left">
    <input id="First Name2" title="Phone number" style="BORDER-RIGHT: #620301 1px solid; BORDER-TOP: #620301 1px solid; BORDER-LEFT: #620301 1px solid; BORDER-BOTTOM: #620301 1px solid; BACKGROUND-COLOR: #cccccc" name="Phone number" labelid="formLabel_b77f2" />
    </div></td>
    </tr>
    <tr>
    <td class="style6 style5 Contact_Info"><div align="left">
    <p><strong>Product of interest </strong></p>
    </div></td>
    <td>
    <div align="left">
    <textarea name="Product of interest" cols="21" rows="2" id="formElement_9b3bb" style="BORDER-RIGHT: #620301 1px solid; BORDER-TOP: #620301 1px solid; BORDER-LEFT: #620301 1px solid; BORDER-BOTTOM: #620301 1px solid; BACKGROUND-COLOR: #cccccc" title="Product of interest" labelid="formLabel_9b3bb">Copy and paste item number here</textarea>
    </div></td>
    </tr>
    <tr>
    <td>
    <div align="center">
    <input type="submit" value="Submit">
    </div></td>
    <td>
    <div align="center">
    <input type="reset" value="Reset">
    </div></td>
    </tr>
    </table>
    </form>

  2. #2
    Programming Team silver trophybronze trophy
    Mittineague's Avatar
    Join Date
    Jul 2005
    Location
    West Springfield, Massachusetts
    Posts
    16,457
    Mentioned
    160 Post(s)
    Tagged
    1 Thread(s)

    form CSS

    I don't have IE7, but I see a difference between IE6 and Firefox/Opera.
    What I see looks like maybe a height issue, a div margin, or a td padding issue.
    Despite the difficulty I have diagnosing CSS problems with the "inline" style declarations. I suspect it may have something to do with using <div>s inside table cells.
    The only external CSS I see is
    Code CSS:
    @charset "utf-8";
    /* CSS Document */
     
    p {
    	font-family: Arial, Helvetica, sans-serif;
    	font-weight: 400;
    	font-size: 13px;
    	color: #651308;
    }
    and the head has
    HTML Code:
    <style type="text/css">
    td img {display: block;}
    </style>
    yet I notice a lot of tags with class names eg.
    HTML Code:
    <td class="style6 style5 Contact_Info">
    that aren't in any CSS. Did you forget to reference a CSS file?


Bookmarks

Posting Permissions

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