Weird double spacing

cnjcombo · 02-13-2006, 01:40 AM

I was having alignment issues and it appears I fixed them and now I have moved onto another issue. All of my text is displayed double spaced for some reason and I have no idea why.

Here is the CSS file:

Code:

body {
}
p {
 	margin-top: 0px;
  }

#bodyContents  {
 background-image:url('images/grassbg.jpg');

 background-repeat: repeat-x; 

 background-position: bottom;
 border-width: thin;
 border-color: white;
 border-style: solid;
 padding-top: 10px;
 padding-bottom: 10px;
 padding-left: 10px;
 padding-right: 10px;
 width: 900px;
 height: 675px;


 color: #ffffff;

 Z-INDEX: 11; 
}


#record{
 padding-top: 10px;
 padding-bottom: 10px;
 position: absolute;
 border-width: thin;
 border-color: white;
 border-style: solid;
 Z-INDEX:3;
 width: 150px;
 top: 150px;
 left: 710px;
}

#rank{
 padding-top: 10px;
 padding-bottom: 10px;
 position: absolute;
 border-width: thin;
 border-color: white;
 border-style: solid;
 Z-INDEX:3;
 width: 150px;
 top: 250px;
 left: 710px;
}

#nextTournament{
 padding-top: 10px;
 padding-bottom: 10px;
 position: absolute;
 border-width: thin;
 border-color: white;
 border-style: solid;
 Z-INDEX:3;
 width: 150px;
 top: 350px;
 left: 710px;
}


#frameContainer  {
 margin-left: auto;
 margin-right: auto;
 position: absolute;

  Z-INDEX: 3;
  top: 150px;
  left: 180px;

}

img.banner {
  margin-left: auto;
  margin-right: auto; 
  Z-INDEX: 2; 

  }
img.gaia {
  position: absolute;
  left:25px;
  top:575px;
  Z-INDEX: 2; 

  }

img.upa {

  width: 150px; 

  height: 60px;

  position: absolute;  
  Z-INDEX: 2;
  top: 500px;
  left: 30px;

  }

Here is the index

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
<title> Shippensburg Scapegoats Ultimate Online</title>
<link rel="stylesheet" href="style.css" type="text/css">

</head>


<body bgcolor="#002966"> 

<div id="bodyContents">
   <img class="banner" src="images/banner_and_nav.jpg" alt="Shippensburg Scapegoats">

<div id="frameContainer">
  <IFRAME SRC="news.html" FRAMEBORDER="0" width="500" height="500" scrolling="yes"></IFRAME>

</div>

<div id="record">
<center><font face="arial" size="3" color="red"><u><b>RECORD</b></u></font><br>
<font face="verdana" size="2" color="white">
Spring 06: N/A<br>
Fall 05: 22 - 8

</font></center>
</div>

<div id="rank">
<center><font face="arial" size="3" color="red"><u><b>UPA RANK</b></u></font><br>
<font face="arial black" size="3" color="white">
N/A</font><br>
<font face="verdana" size="1" color="white">as of 2.14.2006</font> 	

</center>
</div>

<div id="nextTournament">
<center><font face="arial" size="3" color="red"><u><b>Next Tournament</b></u></font><br>
<font face="verdana" size="1" color="white">
<u>A Team</u><br>
Date: March 4-5th <br>
Name: Wooster Winter WarmUp<br>
Location: Wooster, OH<br>

<u>B Team</u><br>
Date: March 25-26<br>
Name: Steakfest<br>
Location: Home </font>
</center>	
</div>

   <img class="gaia" src="images/gaia_logo.gif" alt="Official Affiliate of Gaia">
   <img class="upa" src="images/upa_logo.jpg" alt="UPA.org"> 
</div>

</body>

</html>

cnjcombo · 02-13-2006, 01:42 AM

The site can be viewed by going here:
http://www.ship.edu/~ultimate/work

Stephen · 02-13-2006, 03:28 AM

Why are you using an iframe, is it really necessary?

Add line-height: 17px; in your iframe p { so it looks like this:

Code:

p
{ 
text-indent: 20px;
line-height: 17px;
}

cnjcombo · 02-13-2006, 04:03 AM

Im probably going to do away with it. The line-height did not fix the double spacing.

Stephen · 02-13-2006, 04:13 AM

If you change it to 10px you should be fine in firefox and ie. I was merely giving you an example with 17. I have downloaded your iframe and tested and it seems to work perfectly for me.

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html>
<style>
p
{ 
text-indent: 20px;
line-height: 10px;
}

img.news {
float: left;
width: 450px;
  }
</style>
<body bgcolor="#002966">
<table border="0" width="450">
<tr>
<td>
 <img class="news" src="images/news.jpg" alt="News">
<span>
<font face="verdana" color="red" size="2">
<b>Fall Season Recap 12.26.2006</b>
</font>
<br>
<font face="verdana" color="white" size="1">
Hey 'goats,
 <p>
So this is a little late in coming, but I have been busy recently and just haven't gotten around it.  First things first, congratulations to Troy and Dick for completing your college careers at Ship.  It has been great playing with both of you and having you on the team.  Troy, your one of the last who actually played with me while I was still in school and it's great to see how far we have come.</p> 
 <p>
This fall has been extremely successful.  Not only did the team improve upon last years success, but we have begun building even more for the future with the introduction of our first ever B team.  After having over 80 people to start the semester, the dedicated few have stuck with it through the entire semester.  The B team, led by captain D-Rod, really played hard all semester and learned a lot.  The team played each game with more intensity than much of the A team :).  As your skills build, all of you will become much better as individuals and as a team.  The A team also played great this semester, finishing in 2nd place at GMU and at the home tournament ( a disappointing loss that will be avenged in the Spring).  We ended on a strong note in Latrobe with a tournament win, finishing the semester with a 22-8 record.  Troy scored the last point of the Championship game ending his Ship Ultimate career on a high note.</p>
 <p>
This spring brings the actual UPA Tournament Series.  The teams will need to become more set for the spring, so things will be reevaluated (no more AB's, A team will need a high level of commitment) as we head back.  Some things to look forward too: conditioning soon after everyone gets back to Ship (4 days a week, about 1 hour a day), tournaments starting in late Feb. or March,   Beasterns (hopefully both teams during spring break), Steakfest 2006 (the home tournament), all culminating with Sectionals in April and a run at Regionals.</p>
 <p>
For now though, enjoy the time off. Merry Christmas and a Happy New Year.</p>
 <p>
Live, Breathe, Ultimate!</p><p>
Finch</p>
<p>
<font face="verdana" color="red" size="2">
<b>GMU's Big Bad Weekend of Ultimate Recap 11.15.2006</b>
</font>
<br>
<font face="verdana" color="white" size="1">
<p>
This weekend the A team headed off to Fairfax, VA for GMU's Big Bad Weekend of Ultimate.  With much of the A team punking out for the weekend, the team was comprised of several alums, including Sean Moran, Chris Muller, Derek, Dundore and myself.  This was another 2 day affair with pool play on Saturday and a bracket tournament on Sunday.  Saturday began with a bye, giving us a chance to arrive late with slightly more sleep.  Game 1 was a battle against George Mason, with us allowing them to come back for the second time this season after leading 7-4 at halftime.
</font>
</span>
</tr>
</td>
</table>
</body>
</html>

cnjcombo · 02-13-2006, 04:21 AM

I understood what you were doing. Your fix worked in IE but not in Firefox.

_Aerospace_Eng_ · 02-13-2006, 04:45 AM

Try setting the margin and padding of your p to 0.

Bogey · 02-13-2006, 04:49 AM

Can't you set your margins to (auto)?

_Aerospace_Eng_ · 02-13-2006, 04:57 AM

Auto is not the same as 0. Auto will center the p horizontally if a width is set to it.

cnjcombo · 02-13-2006, 03:35 PM

For some reason the line-height will fix the text in the frame but not the index page. I put the line-height:0; in both pages.