0

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
3
Views
6 Years
Discussion Span
Last Post by shaya4207
0

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: n/a

0

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.

This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.