Web Design Forums

dixon · 12-09-2005, 07:17

Got a problem.

Here is the code i have so far

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title></title>
<style>
body 						{ color: #ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; padding: 0px; margin: 0px; border: 0px; }
h2 							{ color: #3a7ce9; font-size: 12px; font-weight: bold; font-style: italic;  word-spacing: 1px; padding: 0px; margin: 0px; }
.forum_overview_row_dark				{ width: 555px; float: left; background-color: red; padding: 10px 20px 10px 40px; border-width: 0px 0px 1px 0px; border-style: solid; border-color: #0c254e; }
.forum_overview_topic					{ width: 180px; float: left; }
.forum_overview_author					{ width: 100px; float: left; text-align: center; }
.forum_overview_views_replies			{ width: 65px; float: left; text-align: center; }
.forum_overview_last					{ width: 145px; float: left; text-align: right; }
</style>
</head>

<body>
<div class="forum_overview_row_dark">
<div class="forum_overview_topic"><h2 class="forum_overview_titles">Topic</h2></div>
<div class="forum_overview_author"><h2 class="forum_overview_titles">Author</h2></div>
<div class="forum_overview_views_replies"><h2 class="forum_overview_titles">Views</h2></div>
<div class="forum_overview_views_replies"><h2 class="forum_overview_titles">Replies</h2></div>
<div class="forum_overview_last"><h2 class="forum_overview_titles">Last Post</h2></div>
</div>
<div class="forum_overview_row_dark">
<div class="forum_overview_topic"><h2><a href="forum_topic_overview.html">Forum 1</a></h2></div>
<div class="forum_overview_author"><a href="#">Username</a></div>
<div class="forum_overview_views_replies">000,000</div>
<div class="forum_overview_views_replies">000,000</div>
<div class="forum_overview_last">00:00:00 - 00/00/00<br />by <a href="#">Username</a> <a href="forum_post_overview.html">Go &raquo;</a></div>
</div>
<div class="forum_overview_row_dark">
<div class="forum_overview_topic"><h2><a href="forum_topic_overview.html">Forum 2 sda hg gdsa gsad hgsa  jasd j asdjsad sda hg gdsa gsad hgsa  jasd j asdjsad</a></h2></div>
<div class="forum_overview_author"><a href="#">Username</a></div>
<div class="forum_overview_views_replies">000,000</div>
<div class="forum_overview_views_replies">000,000</div>
<div class="forum_overview_last">00:00:00 - 00/00/00<br />by <a href="#">Username</a> <a href="forum_post_overview.html">Go &raquo;</a></div>
</div>
</body>
</html>

I need to have all the columns vertically centered and the height will need to beable to grow and shrink to the height of the topic name.
I have done a search on google but

Code:

position: absolute;

seems to screw things up.

any ideas?

Thanks

emil · 12-09-2005, 07:36

body {text-align:center}
div {text-align:left;}
#container {width:760px; margin:auto;}

<body>
<div id="container">

all the rest goes here

</div>
</body>

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search

12-09-2005, 07:36	#2 (permalink)
emil dt immigrant Join Date: Nov 2004 Location: Bucharest - Romania Posts: 7,447	body {text-align:center} div {text-align:left;} #container {width:760px; margin:auto;} <body> <div id="container"> all the rest goes here </div> </body>

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)