Javascript Disabled Detected

You currently have javascript disabled. Several functions may not work. Please re-enable javascript to access full functionality.

0

Positioning DIV tags

Started by Tarquin, Oct 11 2006 01:49 PM

You cannot reply to this topic
Go to first unread post

2 replies to this topic

#1 Tarquin

Young Padawan

Members
67 posts

Gender:Male
Location:London
Interests:I'm a huge Crystal Palace fan (Soccer team in England for you Americans)

Posted 11 October 2006 - 01:49 PM

Hi, im just starting out with DIV tags, and I am struggling with a part of it. I have two div tags which I want to be position next to each other, not ontop of the other.

This is the code I have at the moment.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
  DIV.page {width: 800px}
DIV.header {
	height: 118px;
	width: 800px;
	background-image: url(images/webdesignfull_r1_c1.jpg);
}
DIV.underheader {
	font-family: "Lucida Sans", Arial, "Century Gothic";
	font-size: 10px;
	background-color: #E3E3E3;
	height: 20px;
	width: 600px;
	font-weight: bold;
	vertical-align: middle;
}
DIV.date {
	font-family: "Lucida Sans", Arial, "Century Gothic";
	font-size: 10px;
	background-color: #E3E3E3;
	height: 20px;
	width: 200px;
	float: right;
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
}
</style>
</head><body>
<div class="page">
<div class="header"></div>
<div class="underheader">Latest Page Updated: Home Page </div>
<div class="date">Wednesday October 11, 2006 7:43 PM</div>
<H1>&nbsp;</H1>
</div>
</body></html>

Thanks for your help

Edited by Tarquin, 11 October 2006 - 01:50 PM.