css table match up

**tiggeret86** · 05-28-2008, 10:42 PM

i can figure out why the right side of the table wont align properly. can someone help?

Code:

<html>

	<head>
<style> 

#main-content {
	FLOAT: right; WIDTH: 530px
}

.cb H2 {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND: url(http://i248.photobucket.com/albums/gg199/kookiebunny/left-title.gif) #1d1d1d no-repeat; FLOAT: left; TEXT-TRANSFORM: uppercase; WIDTH: 100%; COLOR: #ffffff; FONT-FAMILY: Trebuchet MS, Trebuchet,Verdana,Arial,Helvetica,sans-serif; HEIGHT: 30px
}


.cb H2 B {
	BACKGROUND: url(http://i248.photobucket.com/albums/gg199/kookiebunny/right-title.gif) no-repeat right 50%; FLOAT: right; MARGIN: 0px; WIDTH: 100%; HEIGHT: 30px
}


.cb H2 B B {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 1px; BACKGROUND: url(http://i248.photobucket.com/albums/gg199/kookiebunny/back-title.gif) repeat-x; FLOAT: none; PADDING-BOTTOM: 0px; MARGIN: 0px 11px; WIDTH: auto; PADDING-TOP: 8px; HEIGHT: 26px
}

.cb-body {
	CLEAR: left; BACKGROUND: #3f3f3f; BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 10px; PADDING-BOTTOM: 8px; OVERFLOW: hidden; BORDER-LEFT: #000000 1px solid; PADDING-TOP: 10px
}
.cb-bottom {
	BACKGROUND: url(http://i248.photobucket.com/albums/gg199/kookiebunny/box-left-bottom.gif) #3f3f3f no-repeat left top; FLOAT: left; WIDTH: 100%; HEIGHT: 9px
}
.cb-bottom B {
	BACKGROUND: url(http://i248.photobucket.com/albums/gg199/kookiebunny/box-right-bottom.gif) no-repeat right top; FLOAT: right; WIDTH: 100%; HEIGHT: 9px
}
.cb-bottom B B {
	DISPLAY: block; BACKGROUND: none transparent scroll repeat 0% 0%; FLOAT: none; MARGIN: 0px 6px; OVERFLOW: hidden; WIDTH: auto; BORDER-BOTTOM: #000000 1px solid; HEIGHT: 8px
}



</style>
	</head>

	<body bgcolor="#333333">








<div id="main-content">

                                 <div class="cb forum-post">
								<h2><b><b>NEW FACES COMMUNITY FORUMS </b></b></h2>
								<div class="cb-body">
									<table cellspacing="1" cellpadding="0" width="100%">
	<tr>
<td>test
			</td>
		</tr>
	</table>
								</div>
								<b class="cb-bottom"><b><b></b></b></b>
                                    </div>
                            </div>
  </div>
  
  
  
	</body>

</html>

**jscheuer1** · 05-29-2008, 06:07 AM

The table is fine:

Code:

<table cellpadding="0" cellspacing="1" width="100%">
	<tbody><tr>
<td>test
			</td>
		</tr>
	</tbody></table>

Remove it and the rest of the layout is virtually unchanged.

Thread: css table match up

Thread Tools

Search Thread

css table match up

Bookmarks

Bookmarks

Posting Permissions