Member Avatar for cssdoll

Hello folks,i have recently generated css with Adobe Fireworks Cs5 and the css and the webpage generated are very good,however i would like to have my divs for the header,footer and any other div i may want to be full width.I have tried and doing many things but i dont seem to get it right.Here is the code.

@charset "utf-8";

body {
	background-color: #fff;
	font-size: 62.5%;
	margin: 0;
	padding: 0;
}
body * {
	font-size: 100%;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
p {
	margin-bottom: 1.1em;
	margin-top: 0;
}
#main p.lastNode {
	margin-bottom: 0;
}
a:link img, a:visited img {
	border: none;
}
div.clearFloat {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0px;
}
li.clearFloat {
	clear: both;
}
ul.symbolList {
	display: inline;
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.AbsWrap {
	position: relative;
	width: 100%;
}
.rowWrap {
	width: 100%;
}
#main {
	margin: 0 auto;
	width: 960px;
}
#Div {
	margin-left: 0px;
	margin-top: 0px;
	display: inline;
	float: left;
	margin-bottom: 0;
	background-color: #333;
	width: 960px;
	padding-top: 0px;
	height: 849px;
}
html > body #Div {
	height: auto;
	min-height: 850px;
}
#Div2 {
	margin-left: 0px;
	margin-top: 0px;
	display: inline;
	float: left;
	margin-bottom: 0;
	background-color: #e8807d;
	width: 960px;
	padding-top: 0px;
	height: 99px;
}
html > body #Div2 {
	height: auto;
	min-height: 100px;
}
#Div3 {
	margin-left: 0px;
	margin-top: 0px;
	display: inline;
	float: left;
	margin-bottom: 0;
	background-color: #f0f;
	width: 960px;
	padding-top: 0px;
	height: 279px;
}
html > body #Div3 {
	height: auto;
	min-height: 280px;
}
#Div4 {
	margin-left: 0px;
	margin-top: 0px;
	display: inline;
	float: left;
	margin-bottom: 0;
	background-color: #f00;
	width: 960px;
	padding-top: 0px;
	height: 54px;
}
html > body #Div4 {
	height: auto;
	min-height: 55px;
}
.Txt_Welcome {
	font-family: 'Josefin Sans', Arial, Helvetica, sans-serif;
	font-size: 260%;
	font-weight: bold;
	text-align: center;
	color: #333;
	line-height: 120%;
	padding-bottom: 2px;
	padding-top: 1px;
	margin-left: 9px;
	margin-top: 5px;
	display: inline;
	float: left;
	margin-bottom: 0;
}
#ComboBox_win {
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-style: normal;
	font-weight: normal;
	margin-right: 23px;
	margin-top: 16px;
	display: inline;
	float: right;
	height: auto;
	margin-bottom: 0;
	width: 130px;
}
#Div5 {
	margin-left: 0px;
	margin-top: 0px;
	display: inline;
	float: left;
	margin-bottom: 0;
	background-color: #999;
	width: 960px;
	padding-top: 0px;
	height: 336px;
}
html > body #Div5 {
	height: auto;
	min-height: 337px;
}
#Div6 {
	margin-left: 0px;
	margin-top: 0px;
	display: inline;
	float: left;
	margin-bottom: 0;
	background-color: #666;
	width: 960px;
	padding-top: 0px;
	height: 46px;
}
html > body #Div6 {
	height: auto;
	min-height: 47px;
}
.Txt_All {
	font-family: 'Josefin Sans', Arial, Helvetica, sans-serif;
	font-size: 200%;
	font-weight: bold;
	text-align: center;
	color: #ccc;
	line-height: 120%;
	padding-bottom: 2px;
	padding-top: 1px;
	margin-left: 11px;
	margin-top: 7px;
	display: inline;
	float: left;
	margin-bottom: 0;
}
#ComboBox_win_2 {
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-style: normal;
	font-weight: normal;
	margin-right: 23px;
	margin-top: 12px;
	display: inline;
	float: right;
	height: auto;
	margin-bottom: 0;
	width: 130px;
}
#Div7 {
	margin-left: 0px;
	margin-top: 0px;
	display: inline;
	float: left;
	margin-bottom: 0;
	background-color: #ff0;
	width: 960px;
	padding-top: 0px;
	height: 30px;
}
html > body #Div7 {
	height: auto;
	min-height: 31px;
}
.Txt_Phil {
	font-family: 'Copse', Arial, Helvetica, sans-serif;
	font-size: 150%;
	font-weight: bold;
	text-align: center;
	color: #ccc;
	line-height: 120%;
	padding-bottom: 2px;
	padding-top: 1px;
	margin-left: 271px;
	margin-top: 3px;
	display: inline;
	float: left;
	margin-bottom: 0;
}

Div2 is my header.

Thank you.

  • 3 Contributors
  • 2 Replies
  • 76 Views
  • 1 Day Discussion Span
  • Latest Post Latest Post by shaya4207

Recommended Answers

All 2 Replies

Member Avatar for SolidSolutions

width: 100%;

#Div2 {
	margin-left: 0px;
	margin-top: 0px;
	display: inline;
	float: left;
	margin-bottom: 0;
	background-color: #e8807d;
	width: 100%;
	padding-top: 0px;
	height: 99px;
}
Edited by SolidSolutions because: n/a
Member Avatar for shaya4207

It would help if you put your HTML code too, so we could know which div is nested in what, and what the main div is etc.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.