Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 3 of 3

Thread: IE7 discrepancy

  1. #1
    Senior Member
    Join Date
    Apr 2005
    Location
    Hatfield, England
    Posts
    855
    Member #
    9790
    It works... but IE7 and FF seem to display paragraphs differently.

    The problem being that I have an 8 row form. When the form displays normally (without errors) FF displays it in neat rows. IE7 has double or even triple the gap between each row.

    When the form has errors (empty forms) IE7 displays it normally like FF does with/without any errors.

    The only difference between the 2 is...
    HTML Code:
    <p>Full Name</p>
    <p><div class="red">Full Name</div></p>
    Can anyone help me fix this please. Code is below.

    This is my CSS
    Code:
    .formtitle {margin-left:50px; float:left; width:150px; padding-top:3px; height:27px; clear:both;}
    .formtitle p, .formbox p, .red2 p {margin:0px; padding:0px; }
    .formbox {width:290px; height:30px; float:left;}
    .formboxclear {width:290px; height:30px;}
    .formbox input {border:solid 1px black; background-color:#FFF;}
    .red {color:#FF0000;}
    .red2 {color:#FF0000; padding-top:3px; height:27px;}
    .clear {clear:both;}
    .clear span {display:none;}
    Heres a bit of my html.

    HTML Code:
    <div class="formtitle">
    		<p><div class="red">Full Name:</div></p>
    	</div>
    	<div class="formbox">
    		<p><input type="text" name="create_name" size="30" maxlength="50" /></p>
    	</div>
    	<div class="error">
    		<div class="red2"><p>You forgot to enter your name!</p></div>
    	</div>
    	
    	<div class="formtitle">
    		<p>Date of Birth:</p>
    	</div>
    	<div class="formbox">
    		<p><input type="text" name="create_dob" size="30" maxlength="50" /></p>		
    	</div>
    	<div class="error">
    		<div class="clear"><span>none</span></div>
    	</div>

  2.  

  3. #2
    Senior Member tonyf12's Avatar
    Join Date
    Mar 2007
    Posts
    132
    Member #
    14998
    IE as far as I know has problems with CSS (It thought they had it fixed by 7 though)

  4. #3
    Senior Member
    Join Date
    Jun 2005
    Location
    Atlanta, GA
    Posts
    4,146
    Member #
    10263
    Liked
    1 times
    Try getting rid of all the newlines. IE has some known issues with whitespace in random moments. Basically, try putting everything on the same line and see if it fixes it.


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 03:00 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com