another annoying problem

Dev Shed Forums Sponsor:

June 29th, 2004, 09:51 AM

dkode

PHP/PERL/.NET Coder

Join Date: May 2001

Location: Daytona Beach, Florida

Posts: 36

Time spent in forums: 41 sec
Reputation Power: 8

another annoying problem

Ok,

Now when I am trying to nest divs for the header bar, left column. Nothing gets put into the header div and I've tried tons of stuff to get it to work.

Heres a sample:

Code:

<HTML>
	<HEAD>
		<title>
			Page Title
		</title>
		<style>
		.defaultText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
body { 
	margin-left: 0px; 
	margin-top: 0px; 
	margin-right: 0px; 
	margin-bottom: 0px; 
}
.titleText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
}
.addModuleText  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}
.adminHeaderText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}
.button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 2px;
	border: 1px solid #0099FF;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #1C4F9B;
}
.smallText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
}
.moduleTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}
.TabBg {
    background-color: #1C4F9B;
    border-color: black;
}
.NormalTabsBg {
    background-color: #559cec;
    border-color: black;
}
.selectedTab {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
    color:white;
    font-weight: bold
}
.normalTabs {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
    color:gainsboro;
    text-decoration:none;
    font-weight: bold
}
.textBox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 100px;
	border: 1px #000000 solid;
	background-color: #FFFFFF
}
.largeTextBox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px #000000 solid;
	background-color: #FFFFFF
}

#addNewModule {
	padding-top: 10px;
	padding-left: 5px;
	padding-bottom: 10px;
}

#addNewModule a 
{
	border: 1px solid #000;
	background-color: #1C4F9B;
	padding: 5px;
}

#bodyWrapper {
	border: 1px solid purple;
	background-color: #559CEC;
	width: 100%;
}

#header {
	background: #EEE;
	border: 1px solid red;
}

#header #headerLeftColumn {
	float: left;
	width: 500px;
}

#header h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
	color: #000;
	padding-left: 15px;
	padding-top: 20px;
	width: 100%;
}

#header #loginControl {
	float: right;
	width: 250px;
	border: 1px solid #000;
}

#container {
	float: left;
	width: 100%;
	margin-right: -260px;
	border: 1px solid red;
}

#content  {
	border: 1px solid yellow;
	margin-right: 260px;
}

#left 
{
	float: left;
	width: 250px;
	border: 1px solid #FFF;
}

#middle {
	margin-left: 260px;
	border: 1px solid orange;
}

#sidebar {
	float: right;
	width: 250px;
	border: 1px solid #000;
}

#footer {
	background: #999;
	border: 1px solid #cecea5;
	clear: both;
}

#module {
	position:relative;
	width: 100%;
	padding: 2px;
	background: #FFF;
	border: 1px solid #000000;
	font-size: 10px;
}

#title {
	background-color: #C2DBF5;
	padding: 3px;
	border: 1px solid #144678;
	text-align: left;
	color: Black;
	font-weight: bold;
	font-size: 14px;
}

#moduleItem {
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#moduleItem h1 {
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 0px;
}

#moduleItem p {
	margin-top: 0px;
	margin-bottom: 10px;
}

#module #footer {
	background-color: #C2DBF5;
	border: 1px solid #144678;
	padding: 4px;
	text-align: left;
	color: black;
	font-weight: normal;
	font-size: 10px;
}

body {
	color: #000000;
	background-color: #E8E8E8;
	font-family: Verdana, sans-serif;
	font-size: smaller;
	margin: 10px 10px 0px 10px;
}
		</style>
	</HEAD>
	<BODY>
		<form runat="server" ID="frm">
			<DIV id="header">
				<DIV id="headerLeftColumn">
					<h1>Site Title
</h1>
					<p>
					Paragraph left text
					</p>
				</DIV>			
				<DIV id="loginControl">
	Login buttons
				</DIV>
			</div>
			<DIV id="bodyWrapper">
							<DIV id="container">
						<DIV id="content">
							<DIV id="left">Left</DIV>
							<DIV id="middle">Center</DIV>
						</DIV> 
					</DIV>			
					<DIV id="sidebar">Sidebar text</DIV>
			</div>		
		</form>
	</BODY>
</HTML>

__________________
"Mankind cannot define memory, yet it defines mankind"

June 29th, 2004, 10:33 AM