removing unwanted div table space help

HTML, CSS and anything else that deals with client side capabilities.

Moderator: General Moderators

Post Reply
User avatar
Obadiah
Forum Regular
Posts: 580
Joined: Mon Jul 31, 2006 9:13 am
Location: Ashland, KY
Contact:

removing unwanted div table space help

Post by Obadiah »

ok guys ive tried the float:left; deal, the margin/padding:0; deal and the clearfix for IE. Firefox displays the page correctly. position relative and setting the margin-top property to a negative number will fix it in IE but will cause a disaster in the other browsers. i have even resorted to trying to see if it would work if i took out all the "hard returns"....here is my code

Code: Select all

body 
{
	margin:0;
	padding:0;
	background-image: url('images/tall_main2.gif');

}
#container
{
	margin:auto 15% auto 15%;
}

.header
{
	background-image:url('images/header2.gif'); 
	background-repeat:no-repeat;
	width:100%; 
	height:100%;
	padding-top:82px;
}
/*navigation*/
a.home
{
	display: block;
	float:left;
	width: 208px;
	height:44px;
	margin: 0 auto;
	background-image: url("images/b1.gif");
}

a.home:hover 
{
	background-image: url("images/b1-roll.gif");
}

a.webmail
{
	display: block;
	float:left;
	width: 208px;
	height:44px;
	margin: 0 auto;
	background-image: url("images/b2.gif");
}

a.webmail:hover 
{
	background-image: url("images/b2-roll.gif");
}

a.Tickets
{
	display: block;
	float:left;
	width: 208px;
	height:44px;
	margin: 0 auto;
	background-image: url("images/b3.gif");
}

a.Tickets:hover 
{
	background-image: url("images/b3-roll.gif");
}

a.AD
{
	display: block;
	float:left;
	width: 208px;
	height:44px;
	margin: 0 auto;
	background-image: url("images/b4.gif");
}

a.AD:hover 
{
	background-image: url("images/b4-roll.gif");
}

a.Logout
{
	display: block;
	float:left;
	width: 208px;
	height:43px;
	margin: 0 auto;
	background-image: url("images/b5.gif");
}

a.Logout:hover 
{
	background-image: url("images/b5-roll.gif");
}

#nest_content
	{
		float:left;
		width:716px;
		margin:0px;
		text-align:center;
		margin-right: auto;
		margin-left: auto;
	}

#nest_buttons
	{
		float:left;
		padding-left:16px;
		width:208px;
		margin:0px;
		text-align:center;
		margin-right: auto;
		margin-left: auto;
	}
.line
	{
		float:left;
		margin-bottom:-5px;
		padding-bottom:-5px;
		width:716px;
		height:5px;
		margin-bottom:0px;
		background-image: url("images/top.gif");
		background-repeat:no-repeat;
		
	}

.content_back
	{
		float:left;
		margin:0px;
		height:302px;
		width:716px;
		background-image: url("images/tall_y.gif");
		margin-right: auto;
		margin-left: auto;
		margin-top: auto;
		
	}

.clear 	
	{ 
		display:inline-block;
	}
	.clear:after 
		{ 
			display:block;  
			visibility:hidden;  
			clear:both;  
			height:0;
			margin:-5px;  
			content: "."; 
		}
	

#text
{
	font-family: "Tahoma", "Helvetica", "Arial", sans-serif;
	COLOR: #989898;
	font-size:11px;
	width:487px;
	height:350px;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	overflow: auto;
	scrolling:yes;
}

#text2
{
	font-family: "Tahoma", "Helvetica", "Arial", sans-serif;
	margin:0px;
	COLOR: #989898;
	font-size:11px;
	width:450px;
	height:350px;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;
	overflow: auto;
	scrolling:yes;
}

#text_3
{
	font-family: "Tahoma", "Helvetica", "Arial", sans-serif;
	margin:0px;
	COLOR: #989898;
	font-size:11px;
	width:475px;
	height:350px;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;
	overflow: auto;
	scrolling:yes;
}

#text_4
{
	font-family: "Tahoma", "Helvetica", "Arial", sans-serif;
	margin:0px;
	COLOR: #989898;
	font-size:11px;
	width:450px;
	height:350px;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;
}

.o_text
{
	font-family: "Tahoma", "Helvetica", "Arial", sans-serif;
	margin:0px;
	color:#989898;
	font-size:14px;
	padding-top:5px;
}

.o_text2
{
	font-family: "Tahoma", "Helvetica", "Arial", sans-serif;
	margin-top:10px;
	margin-left:15px;
	color:#989898;
	font-size:12px;
	padding-top:5px;
}

A.rolls{margin:0px; font-size:11px; font-weight:bold; color:#868686; font-family:tahoma; 

text-decoration:none;}
A.rolls:hover{font-size:11px; color:#98B530;}

A.rolls2{margin:0px; font-size:11px; font-weight:bold; color:#868686; font-family:tahoma;}
A.rolls2:hover{font-size:11px; color:#98B530;}

A.m_rolls{margin:0px; font-size:11px; color:#868686; font-family:tahoma;}
A.m_rolls:hover{font-size:11px; color:#98B530;}

.policy{font-family:Tahoma; font-size:11px;  color:#7B7B79; text-decoration:none }
.main{font-family:Tahoma; font-size:11px;  color:#717171; line-height:13px }
.gray{font-family:Tahoma; font-size:11px;  color:#868686; }
.green{font-family:Tahoma; font-size:11px;  color:#98B530; }

Code: Select all

<html>
<head>
<title></title>
<link href="this.css" rel="stylesheet" type="text/css">
</head>
<body>
<div style="margin:auto 15% auto 15%;">
<div class= "header">
<div id="nest_buttons">
<div><a class="home" href=""><span class="alt"></span></a></div>
<div><a class="webmail" href=""><span class="alt"></span></a></div>
<div><a class="Tickets" href=""><span class="alt"></span></a></div>
<div><a class="AD" href=""><span class="alt"></span></a></div>
<div><a class="Logout" href=""><span class="alt"></span></a></div>
</div>
<div class="line"></div>
<!--this is where the space is-->
<div class="content_back"> </div>
</div>
</body> 
</html>
User avatar
Obadiah
Forum Regular
Posts: 580
Joined: Mon Jul 31, 2006 9:13 am
Location: Ashland, KY
Contact:

Re: removing unwanted div table space help

Post by Obadiah »

fixed peeps!!!!!
instead of leaving the .line class as it was i changed it to

Code: Select all

.line
	{
		float:left;
		display: block;
		width:716px;
		height:5px;
		margin-bottom:0px;
		background-image: url("images/top.gif");
		background-repeat:no-repeat;
		
	}

Code: Select all

<div class="line"><span class="alt"></span></div>
<div class="content_back"> </div>
<div class="footer"> </div>
</div>
</body> 
</html> 
devnet you fix my issues without even responding....its the power of the FORCE :lol:
Post Reply