Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations gkittelson on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Line spacing

Status
Not open for further replies.

xenology

Programmer
May 22, 2002
51
US
I'm new to CSS and have inherited a PHP with CSS app. The page appears fine in Firefox and Safari but has gaps between every line in IE. Can anyone offer suggestions on what to look for in the CSS file to correct the display in IE or what I might need to add to fix the problem?
Thanks for any assistance!
 
My GUESS is that it's line 23 of your code. We would stand a better chance with a link to your page or if that is not possible then a listing of your HTML and CSS

___________________________________________________________
If you want the best response to a question, please check out FAQ222-2244 first.
'If we're supposed to work in Hex, why have we only got A fingers?'
Drive a Steam Roller
Steam Engine Prints
 
Hopefully it's ok that I removed a lot of non-relvant code....the below still reproduces the problem I'm having.
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "[URL unfurl="true"]http://www.w3.org/TR/html4/strict.dtd">[/URL]
<html>
 <head>
  <title>Sample Page</title>
  <style>
body {
 margin: 0;
 padding-left: 0px;    /* LC fullwidth */
 padding-right: 220px;    /* RC fullwidth + CC padding */
 min-width: 30em;
 margin-bottom: 3em;
 background: url(images/backdrop.jpg) repeat;
}
em {
 color: red;
 font-size:12px;
 margin-right: .2em;
}
   .row {
     clear: both;
   }
   .label {
     width: 18em;
     text-align: right;
		 text-decoration: none;
     float: left;
     font-family: Verdana, Helvetica, sans-serif;
     font-size: 10px;
     color: #696969;
   }
   .display {
     text-align: left;
     text-decoration: none;
		 float: left;
     margin-left: 5px;
     font-family: Arial, Helvetica, sans-serif;
		 font-size:12px;
   }
</style>
</head>
<body>
<form name="SampReq" action="ProcessRequestSection.php" method="POST">
<div>
<h1> Section Request Form <font size="1px" style="valign:top"><em>*</em><i> - Denotes required 

fields.</i></font></h1>
</div>
<div class="row">
 <span class="label">Date:</span>
 <span class="display"><?php echo date("m/d/y, g:i a");?></span>
</div>
<div class="row">
 <span class="label">Principal Investigator:</span>
 <span class="display">Name Goes Here</span>
</div>
<div class="row">
 <span class="label">Contact Person:</span>
 <span class="display">Their Name</span>
</div>
<div class="row">
 <span class="label">Phone:</span>
 <span class="display">000-000-0000</span>
</div>
<div class="row">
 <span class="label">Email:</span>
 <span class="display">a@b.com</span>
</div>
</form>
</div><div style="clear: both"></div>
</body>
</html>
 
For some reason adding a <BR> tag after the closing </h1> tag has resolved the problem.
 
Well, it has to do with the "margin-bottom: 3em;". You could do something like "<h1 style="margin-bottom: 0em;">". I would recommend running the page through w3c.org's CSS validator. The <font> tag is deprecated; I would avoid using it.
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top