Cell sizing in IE7 with css

Dev Articles Community Forums Sponsor:

SlickEdit: Code in over 40 languages across 7 platforms. SlickEdit’s unmatched power, speed, and flexibility allows even the most accomplished developers to write better code faster. Download a free trial today!

April 13th, 2007, 10:57 AM

leev3

Contributing User

Join Date: Mar 2007

Posts: 32

Time spent in forums: 8 h 26 m 9 sec
Reputation Power: 2

Cell sizing in IE7 with css

I have a page, when viewed in firefox, the cells are slightly bigger than the text inside of them. The out put is neat and prints well. Then there is IE7, the cells are huge. I tried changing the padding with css, but to no avail. How do i get rid of so much white space around the text. oh, and not hose up firefox.

Thanks

April 13th, 2007, 01:41 PM

ezenaide

custom user

Join Date: Jan 2005

Location: olinda - br

Posts: 77

Time spent in forums: 2 Days 12 h 44 m 50 sec
Reputation Power: 4

can you post your code here? it helps

anyway try to use it on the begining of the css:

* {
padding: 0;
margin: 0;
}

__________________
Eduardo Zenaide
.
tem a ver?

April 13th, 2007, 04:26 PM

leev3

Contributing User

Join Date: Mar 2007

Posts: 32

Time spent in forums: 8 h 26 m 9 sec
Reputation Power: 2

thanks, Actually i found I had a table height attribute, that was pulling out the cells. Now how do i get rid of the scroll bars on a print preview? Agin firefox is fine, but IE well is IE

}

April 20th, 2007, 01:48 PM

ezenaide

custom user

Join Date: Jan 2005

Location: olinda - br

Posts: 77

Time spent in forums: 2 Days 12 h 44 m 50 sec
Reputation Power: 4

again... if you could post some code...

May 3rd, 2007, 10:15 AM

leev3

Contributing User

Join Date: Mar 2007

Posts: 32

Time spent in forums: 8 h 26 m 9 sec
Reputation Power: 2

It's a lot of code. I'm failry new, so all my stuff is fairly bulky.

May 3rd, 2007, 01:52 PM

ezenaide

custom user

Join Date: Jan 2005

Location: olinda - br

Posts: 77

Time spent in forums: 2 Days 12 h 44 m 50 sec
Reputation Power: 4

no problem. maybe we could help you with that too

May 3rd, 2007, 02:02 PM

leev3

Contributing User

Join Date: Mar 2007

Posts: 32

Time spent in forums: 8 h 26 m 9 sec
Reputation Power: 2

this from print.css

Code:

/* Media Print CSS */
#scroll {width: auto; float: none; font-size: 10pt; position: static }

#title { display: none}
  
#menuh { display: none}

this from testcss.css

Code:

/* Begin CSS Popout Menu */

#body
	{
	width: 100%; 
	background:url(/FUSC/images/soccer_bg02.gif);
	background-repeat: repeat	
		
	}

#title
	{
	width: 99%;
	position: relative;
	text-align:center;
	color: green;
	font-size: 36pt;
	font-family: times, helvetica, sans-serif;
	margin: .1em;
	padding: 0;
	}

 #menuh-container
	{
	height: 99%;
	width: 99%;
	position: absolute;		
	top: 0em;
	left: 0em;
	background:url(/FUSC/images/soccer_bg02.gif);
	background-repeat: repeat
	}

#menuh
	{
	position: relative;
	font-size: 10pt;
	font-family: times, helvetica, sans-serif;
	margin: 1em;
	margin-top: .5em;
	}
		
#menuh a
	{
	text-align: center;
	display:block;
	border: 1px solid #555;
	white-space:nowrap;
	margin:0;
	padding: 0.2em;
	}
	
#menuh a, #menuh a:visited	/* menu at rest */
	{
	color: white;
	background-color: green;
	text-decoration:none;
	}
	
#menuh a:hover	/* menu at mouse-over  */
	{
	color: green;
	background-color: white;
	}	
			
#menuh a.top_parent, #menuh a.top_parent:hover  /* attaches down-arrow to all top-parents */
	{
	background-image: url(/FUSC/images/dnarrow.gif);
	background-position: right center;
	background-repeat: no-repeat;
	}
	
#menuh a.parent, #menuh a.parent:hover 	/* attaches side-arrow to all parents */
	{
	background-image: url(/FUSC/images/rtarrow.gif);
	background-position: right center;
	background-repeat: no-repeat;
	}

#menuh ul
	{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	width:9em;	/* width of all menu boxes */
	}

#menuh ul long {
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	width:12em;	/* width of long menu boxes */
	}


#menuh li
	{
	position:relative;
    min-height: 1px; 	/* Sophie Dennis contribution for IE7 */
    vertical-align: bottom; /* Sophie Dennis contribution for IE7 */
	}

#menuh ul ul
	{
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
	padding: 1em;
	margin:-1em 0 0 -1em;
	}

#menuh ul ul ul
	{
	top:0;
	left:100%;
	}

div#menuh li:hover
	{
	cursor:pointer;
	z-index:100;
	}

#scroll {
 	background:url(/FUSC/images/fusc_gif.gif);
 	background-repeat: no-repeat;
 	background-position: bottom center;
	background-attachment: fixed;
    float: left;
 	width: 99.3%;
	height: 83%;
	overflow: auto;
	margin: .5em .5em;
	text-align:center;
	}

#coc {
	text-align: left;
}

#hcoc {
	text-decoration: underline;
}

#table {
	width: 98%;
	height: 87%; 
	font-size: 16px;
	border:1px solid gray;
	text-align: center;
	
}

#toprow {
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	border: gray solid 1px;
	
}

#th {
 	border: gray solid 1px;
	font-size: 24pt;
	
}

#th1 {
 	
	font-size: 24pt;
	
	
}

#th2 {
	border: gray solid 1px;
	font-size: 24pt;
	color: green;
	text-align: center;
}

#hokey {
 	text-align:left;
	border:1px solid gray;
	padding-left: .5em;
	font-weight: bold;
}

#cntr {
	text-align: center;
	border: gray solid 1px;
	font-weight: bold;

}

#red {
	text-align: center;
	color: red;
}

#redbl {
	text-decoration: blink;
	color: red;
}


#center {
	width: 99%;
}

#h4 {
	color: green;
	text-align: center;
	font-size: 20pt;
	border: gray solid 2px;

}

#h1 {
	color: green;
	text-align: center;
	font-size: 24pt;
}

#pbig {
	font-size: 20px;
}

div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display:none;}

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{display:block;}

/* End CSS Popout Menu */

and fushead.php

Code:

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

<html>

<head>
<title>FUSC</title>
<style type="text/css">@import url("testcss.css");</style>
<style type="text/css">@import url("horzmenu.css");</style>
<link rel="stylesheet" type="text/css" media="print" href="print.css">
<style type="text/css">@page { size 8.5in 11in; margin: 2cm };</style>            
</head>

<body>

<div id="menuh-container">

<div id="title">Fulton United Soccer Club</div>

<div id="menuh" name="menuh">
			 <ul>
			  <li><a href="http://localhost:8080/FUSC/rec_idx.php" class="top_parent" target=_self>Recreational</a>
			  
			  	 <ul>
			  	 
					<li><a href="#" class="parent">Forms</a>
						<ul>
						<li><a href="#">Registration Form</a></li>
						<li><a href="http://localhost:8080/FUSC/coc.php">Code Of Conduct</a></li>
						</ul>
					</li>
					
					<li><a href="#" class="parent">Schedules</a>
							<ul>
							<li><a href="http://localhost:8080/FUSC/preksch.php">Pre-K</a></li>
							<li><a href="http://localhost:8080/FUSC/ksch.php">Kindergarten</a></li>
							<li><a href="http://localhost:8080/FUSC/1stsch.php">First Grade</a></li>
							<li><a href="http://localhost:8080/FUSC/2ndscd.php">Second Grade</a></li>
							<li><a href="http://localhost:8080/FUSC/3rdsch.php">Third Grade</a></li>
							<li><a href="http://localhost:8080/FUSC/u10sch.php">Under 10</a></li>
							<li><a href="http://localhost:8080/FUSC/u12sch.php">Under 12</a></li>
							<li><a href="http://localhost:8080/FUSC/u14sch.php">Under 14</a></li>
							<li><a href="http://localhost:8080/FUSC/u16sch.php">Under 16</a></li>
							</ul>
					    </li>
					    
					<li><a href="#" class="parent">Rosters</a>
						    <ul>
							<li><a href="http://localhost:8080/FUSC/prekrst.php">Pre-K</a></li>
							<li><a href="#">Kindergarten</a></li>
							<li><a href="#">First Grade</a></li>
							<li><a href="#">Third Grade</a></li>
							<li><a href="#">Under 10</a></li>
							<li><a href="#">Under 12</a></li>
							<li><a href="#">Under 14</a></li>
							<li><a href="#">Under 16</a></li>
						    </ul>			
						</li>
						
					<li><a href="#" >Coaches</a></li>
							
					<li><a href="#" >Coordinators</a></li>
					
					<li><a href="#" class="parent">Fields</a>
						<ul>
							<li><a href="http://localhost:8080/FUSC/darling.php">Darling Field</a></li>
						</ul>
						</li>
						
					</ul>
					</li>
				</ul>
			
				<ul>
					<li><a href="http://localhost:8080/FUSC/trav_idx.php" class="top_parent">Travel</a>

				 <ul>
			  	    <li><a href="https://app1.sportssignup.com/lss/LeagueHome.aspx?lid=12078001" >Online Registration</a></li>
					<li><a href="#" class="parent">Forms</a>
						<ul>
						<li><a href="http://localhost:8080/FUSC/forms/medical.doc">Medical Waiver</a></li>
						<li><a href="http://localhost:8080/FUSC/forms/team.doc" target="_blank">Roster Form</a></li>
						<li><a href="http://localhost:8080/FUSC/forms/uniform.doc" target="_blank">Uniform Order Form</a></li>
						<li><a href="http://localhost:8080/FUSC/forms/back1.doc" target="_blank">Backround Check P.1</a></li>
						<li><a href="http://localhost:8080/FUSC/forms/back2.doc" target="_blank">Backround Check P.2</a></li>
						</ul>
					</li>
					
					<li><a href="#" class="parent">Schedules</a>
							<ul>
							<li><a href="#">Under 8</a></li>
							<li><a href="#">Under 10</a></li>
							<li><a href="#">Under 12</a></li>
							<li><a href="#">Under 14</a></li>
							<li><a href="#">Under 16</a></li>
							</ul>
					    </li>
					    
					<li><a href="#" class="parent">Standings</a>
						    <ul>
							<li><a href="#">Under 8</a></li>
							<li><a href="#">Under 10</a></li>
							<li><a href="#">Under 12</a></li>
							<li><a href="#">Under 14</a></li>
							<li><a href="#">Under 16</a></li>
						    </ul>			
						</li>
						
					<li><a href="#" >Coaches</a></li>
						
					<li><a href="#" >Coordinators</a></li>
						
						<li><a href="#" class="parent">Fields</a>
						<ul>
							<li><a href="#" class="parent">Gloversville</a>
							 <ul>
							   <li><a href="http://localhost:8080/FUSC/boulevard.php">Boulevard Field</a></li>
							   <li><a href="http://localhost:8080/FUSC/darling.php">Darling Field</a></li>
							   <li><a href="http://localhost:8080/FUSC/gloveh.php">Gloversville H.S.</a></li>
							   <li><a href="http://localhost:8080/FUSC/glovem.php">Gloversville M.S.</a></li>
							 </ul> 
							</li>
							<li><a href="#" class="parent">Johnstown</a>
							<ul>
							   <li><a href="http://localhost:8080/FUSC/pleasant.php">Pleasant Ave. Field</a></li>
							  
							 </ul> 
							</li>
							<li><a href="#" class="parent">Broadalbin-Perth</a>
							<ul>
							   <li><a href="http://localhost:8080/FUSC/b_p.php">Broadalbin-Perth H.S.</a></li>
							   <li><a href="http://localhost:8080/FUSC/firstave.php">First Ave. Field</a></li>
							   <li><a href="http://localhost:8080/FUSC/perthplus.php">Perth Bible Field</a></li>
							   <li><a href="http://localhost:8080/FUSC/perth.php">Perth M.S. Field</a></li>
							 </ul> 
							</li>
							
							<li><a href="#" class="parent">Mayfield</a>
							<ul>
							   <li><a href="http://localhost:8080/FUSC/mayh.php">Mayfield H.S.</a></li>
							   <li><a href="http://localhost:8080/FUSC/maye.php">Mayfield Elem.</a></li>
							 </ul> 
							</li>
							<li><a href="http://www.cdysl.org/maps.asp">Other Clubs Fields</a></li>
								
						</ul>
						</li>
						
					</ul>
					</li>
				</ul>
			
				<ul>
					<li><a href="#" class="top_parent">Camps / Clinics</a>

					<ul>
						<li><a href="http://fmcc.suny.edu/about/news.cfm?cat=1&pr=246" target="_blank" >FMCC</a></li>
						
					</ul>

					</li>
				</ul>
				
				<ul>
					<li><a href="#" class="top_parent">Sponsers</a>
					<ul>
						<li><a href="#">Sport Shop</a></li>
						<li><a href="#">The Rail Yard</a></li>
						<li><a href="http://www.glovecityrealty.com/">Glove City Realty</a></li>
						<li><a href="#" >ETC</a></li>
							

							
						
					</ul>
					</li>
				</ul>
				
				<ul>
					<li><a href="http://localhost:8080/FUSC/board.php" >Board Contact</a>
				</ul>
				<ul>
					<li><a href="http://localhost:8080/FUSC/webstore.php" >FUSC Store</a>
				</ul>
				<ul>
					<li><a href="http://localhost:8080/FUSC/aboutus.php" >About Us</a>
				</ul>
				<ul>
					<li><a href="http://localhost:8080/FUSC/related.php" >Related Links</a>
				</ul>
			</div>

and finally coc.php which is really the only part I'm trying to print , I know a lot of the words are redundandant, I'm using it as a test for printing the <div id="scroll"> see question in advanced styling section.

Code:

<?php include('fuschead.php'); ?>

<div id="scroll">
 
					
				
<h1 id="hcoc">Fulton United Soccer Club</h1>

<h3 id="hcoc">COACHES CODE OF CONDUCT</h3>
<ul id="coc">
<li>Coaches will allow each athlete the opportunity to play equally.</li> 
<li>Coaches will always be fair, firm and consistent.</li> 
<li>Coaches will promote a positive attitude and lead by example.</li> 
<li>Coaches will not argue with parents or officials, and will always demonstrate good sportsmanship.</li> 
<li>Coaches will stress teamwork and respect for every athlete.</li> 
<li>Coaches will stress the league’s philosophy of “no stats, no scores, no standings”
<li>Coaches will display control, respect, dignity, and professionalism to all involved with soccer.</li> 
<li>Coaches will never strike, shove, threaten to strike, or lay a hand upon an official, player or spectator.</li> 
<li>Coaches will never use trash talk, profane, obscene, or vulgar language under any circumstance.</li> 
</ul>
<br>
<h3 id="hcoc">PLAYERS CODE OF CONDUCT</h3>
<ul id="coc">
<li>Players will play by the Laws of the Game.</li> 
<li>Players will control their temper; most of all resist the temptation to retaliate when you feel you have been wronged.</li> 
<li>Players will be good sports by cheering all good plays, whether it's your team or opponent's.</li> 
<li>Players will treat all players, as they would like to be treated.</li> 
<li>Players will cooperate with your coaches, teammates, opponents and referees.</li> 
<li>Players will remember that soccer is a team game and encourage teammates as every player makes mistakes and has off days.</li> 
<li>Players will never abuse anyone or swear in frustration on or off the field of play.</li> 
<li>Players will never use unnecessary rough tactics during the course of a game.</li> 
<li>Players must always abide by the officials decision.</li> 
</ul>
<br>
<h3 id="hcoc">PARENTS CODE OF CONDUCT</h3>
<ul id="coc">
<li>Parents serve as role models for their children; become aware of this and work to be a positive role model. Applaud good plays by your child's team as well as the opposing team.</li> 
<li>Parents should refrain from coaching or refereeing from the sidelines.</li> 
<li>Parents will not embarrass their child by yelling at players, coaches, or officials. By showing a positive attitude toward the game and all of its participants, your child will benefit.</li> 
<li>Parents will always show good sportsmanship and set an example for their child.</li> 
<li>Parents should support the efforts of the volunteer coaches and the league.</li> 
<li>Parents will never use profanity, drugs, alcohol, or tobacco during any game or training session.</li> 
<li>Parents will ask their child to treat other players, coaches, fans, and officials with respect regardless of race, sex, creed, or ability.</li> 
<li>Parents will place the emotional and physical well being of their child ahead of their personal desire to win.</li> 
<li>Parents will never strike, shove, threaten to strike, or lay a hand upon an official, player or spectator.</li> 
</ul>
<br>
<h3 id="hcoc">PLAYERS CODE OF CONDUCT</h3>
<ul id="coc">
<li>Players will play by the Laws of the Game.</li> 
<li>Players will control their temper; most of all resist the temptation to retaliate when you feel you have been wronged.</li> 
<li>Players will be good sports by cheering all good plays, whether it's your team or opponent's.</li> 
<li>Players will treat all players, as they would like to be treated.</li> 
<li>Players will cooperate with your coaches, teammates, opponents and referees.</li> 
<li>Players will remember that soccer is a team game and encourage teammates as every player makes mistakes and has off days.</li> 
<li>Players will never abuse anyone or swear in frustration on or off the field of play.</li> 
<li>Players will never use unnecessary rough tactics during the course of a game.</li> 
<li>Players must always abide by the officials decision.</li> 
</ul>
<br>
<h3 id="hcoc">PLAYERS CODE OF CONDUCT</h3>
<ul id="coc">
<li>Players will play by the Laws of the Game.</li> 
<li>Players will control their temper; most of all resist the temptation to retaliate when you feel you have been wronged.</li> 
<li>Players will be good sports by cheering all good plays, whether it's your team or opponent's.</li> 
<li>Players will treat all players, as they would like to be treated.</li> 
<li>Players will cooperate with your coaches, teammates, opponents and referees.</li> 
<li>Players will remember that soccer is a team game and encourage teammates as every player makes mistakes and has off days.</li> 
<li>Players will never abuse anyone or swear in frustration on or off the field of play.</li> 
<li>Players will never use unnecessary rough tactics during the course of a game.</li> 
<li>Players must always abide by the officials decision.</li> 
</ul>
<br>
<h3 id="hcoc">PLAYERS CODE OF CONDUCT</h3>
<ul id="coc">
<li>Players will play by the Laws of the Game.</li> 
<li>Players will control their temper; most of all resist the temptation to retaliate when you feel you have been wronged.</li> 
<li>Players will be good sports by cheering all good plays, whether it's your team or opponent's.</li> 
<li>Players will treat all players, as they would like to be treated.</li> 
<li>Players will cooperate with your coaches, teammates, opponents and referees.</li> 
<li>Players will remember that soccer is a team game and encourage teammates as every player makes mistakes and has off days.</li> 
<li>Players will never abuse anyone or swear in frustration on or off the field of play.</li> 
<li>Players will never use unnecessary rough tactics during the course of a game.</li> 
<li>Players must always abide by the officials decision.</li> 
</ul>

					
					
                   		          
		   </div>
	</div>
 
 </body>		

</html>

That's it

Thread Tools	Search this Thread
Email this Page	Search this Thread: Advanced Search
Display Modes	Rate This Thread
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode	Rate This Thread: