Why Experts Exchange?

Experts Exchange always has the answer, or at the least points me in the correct direction! It is like having another employee that is extremely experienced.

Jim Murphy
Programmer at Smart IT Solutions

When asked, what has been your best career decision?

Deciding to stick with EE.

Mohamed Asif
Technical Department Head

Being involved with EE helped me to grow personally and professionally.

Carl Webster
CTP, Sr Infrastructure Consultant
Ask ANY Question

Connect with Certified Experts to gain insight and support on specific technology challenges including:

Professional Opinions
Ask a Question
Did You Know?

We've partnered with two important charities to provide clean water and computer science education to those who need it most. READ MORE

troubleshooting Question

Sharepoint WSS3 MasterPage

Avatar of br_ms
br_ms asked on
Microsoft SharePointWeb Applications
3 Comments1 Solution998 ViewsLast Modified:
Hi experts!

What are the best practices for creating MasterPage in WSS 3?

I tried numerous times to create, but on publish several problems occur.

Does anyone have a useful example for this? For example the transformation of the masterpage attached here to a WSS masterpage.

<!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" dir="ltr">
	<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
	<meta name="description" content=""/>
	<meta name="keywords" content="" />
	<meta name="author" content="" />
------------------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, textarea, input, select {margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
table {border-collapse: collapse; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
table, td, th {vertical-align: middle;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: none;}
:focus {outline: 0;}
------------------------------------------------------------------- */
html {
	height: 100%;
	padding-bottom: 1px; /* force scrollbars */
body {
	background: #797E84
	color: #444;
	font: normal 80% sans-serif;
	line-height: 1.5;
------------------------------------------------------------------- */
/* Headings */
h1,h2,h3,h4,h5,h6 {
	color: #555;
	font-weight: normal;
	line-height: 1;
	margin-bottom: 0.3em;
h4,h5,h6 {font-weight: bold;}
h1 {font-size: 2.6em;}
h2 {font-size: 2em;}
h3 {font-size: 1.5em;}
h4 {font-size: 1.25em;}
h5 {font-size: 1.1em;}
h6 {font-size: 1em;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin: 0;}
/* Text elements */
p {margin-bottom: 1em;}
a:focus,a:hover {color: #000;}
a {
	color: #357;
	text-decoration: underline;
abbr, acronym {border-bottom: 1px dotted #666;}
address {margin-bottom: 1.5em;}
blockquote {margin: 1.5em;}
del, blockquote {color: #666;}
em, dfn, blockquote, address {font-style: italic;}
strong, dfn {font-weight: bold;}
sup, sub {line-height: 0;}
pre {
	margin: 1.5em 0;
	white-space: pre;
pre,code,tt {
	font: 1em monospace;
	line-height: 1.5;
/* Lists */
li ul, li ol {margin-left: 1.5em;}
ul, ol {margin: 0 1.5em 1.5em 1.5em;}
ul {list-style-type: disc;}
ol {list-style-type: decimal;}
dl {margin: 0 0 1.5em 0;}
dl dt {font-weight: bold;}
dd {margin-left: 1.5em;}
ul.tabbed {
	display: inline;
	margin: 0;
ul.tabbed li {
	float: left;
	list-style: none;
	margin: 0;
/* Tables */
table {
	margin-bottom: 1.4em;
	width: 100%;
th {font-weight: bold;}
thead th {background: #C3D9FF;}
th,td,caption {padding: 4px 10px 4px 5px;}
tr.even td {background: #F2F6FA;}
tfoot {font-style: italic;}
caption {background: #EEE;}
table.data_table {
	border: 1px solid #CCB;
	margin-bottom: 2em;
	width: 100%;
table.data_table th {
	background: #E5E5E5;
	border: 1px solid #D5D5D5;
	color: #555;
	text-align: left;
table.data_table tr {border-bottom: 1px solid #DDD;}
table.data_table td, table th {padding: 10px;}
table.data_table td {
	background: #F0F0F0;
	border: 1px solid #E0E0E0;
table.data_table tr.even td {background: #F5F5F5;}
/* Misc classes */
.small {font-size: 0.9em;}
.smaller {font-size: 0.8em;}
.smallest {font-size: 0.7em;}
.large {font-size: 1.1em;}
.larger {font-size: 1.2em;}
.largest {font-size: 1.3em;}
.hidden {display: none;}
.quiet {color: #666;}
.loud {color: #000;}
.highlight {background: #FF0;}
.text_left {text-align: left;}
.text_right {text-align: right;}
.text_center {text-align: center;}
.error, .notice, .success {
	font-size: 1.1em;
	border: 1px solid #DDD;
	margin-bottom: 1em;
	padding: 0.6em 0.8em;
.error {
	background: #FBE3E4;
	border-color: #FBC2C4;
	color: #8A1F11;
.error a {color: #8A1F11;}
.notice {
	background: #FFF6BF;
	border-color: #FFD324;
	color: #514721; 
.notice a {color: #514721;}
.success {
	background: #E6EFC2;
	border-color: #C6D880;
	color: #264409;
.success a {color: #264409;}
------------------------------------------------------------------- */
label {
	cursor: pointer;
	font-weight: bold;
fieldset {border: 1px solid #CCC;}
legend {
	font-size: 1.2em;
	font-weight: bold;
textarea {overflow: auto;}
input.text, textarea, select {
	background: #FCFCFC;
	border: 1px inset #AAA;
	padding: 4px 5px;
input.text:focus, textarea:focus, select:focus {background: #FFFFF5;}
input.button {
	background: #F9F9F3;
	border: 1px outset #AAA;
	padding: 4px 5px;
input.button:active {border-style: inset;}
.form_row {
	background: #F5F5F5;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #E1E1E1;
	padding: 10px 0;
.form_required {font-weight: bold;}
.form_row_submit, .legend {
	background: #E5E5E5;
	border-bottom: 1px solid #CCC;
	border-top: 1px solid #FAFAFA;
	padding: 4px 0 8px;
.legend {
	border-bottom: 1px solid #CCC;
	padding: 8px 18px 6px;
	font-size: 1.4em;
.form_property, .form_value {float: left;}
.form_property {
	text-align: right;
	width: 110px;
.form_value {padding-left: 24px;}
.form_row_submit .form_value {padding-left: 132px;}
------------------------------------------------------------------- */
/* General */
.center,.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
/* Images */
img.bordered,img.alignleft,img.alignright,img.aligncenter {
	background-color: #FFF;
	border: 1px solid #DDD;
	padding: 3px;
img.alignleft, img.left {margin: 0 1.5em 1em 0;}
img.alignright, img.right {margin: 0 0 1em 1.5em;}
/* Floats */   
.left,.alignleft {float: left;}
.right,.alignright {float: right;}
.clear,.clearer {clear: both;}
.clearer {
	display: block;
	font-size: 0;
	line-height: 0;	
------------------------------------------------------------------- */
.content_separator, .archive_separator {
	background: #D5D5D5;
	clear: both;
	color: #FFE;
	display: block;
	font-size: 0;
	height: 1px;
	line-height: 0;
	margin: 12px 0 24px;
.archive_separator {margin: 0 0 14px;}
------------------------------------------------------------------- */
.post {margin-bottom: 24px;}
.post_title a,.post_meta a, .post_date a {text-decoration: none;}
.post_title a:hover,.post_meta a:hover, .post_date a:hover {text-decoration: underline;}
.post_date {
	border-top: 1px solid #D5D5D5;
	color: #777;
	font-size: 0.9em;
	padding: 8px 0 12px;
.post_date a {color: #444;}
.post_meta {
	background: #E7E7E7;
	border: 1px solid #D7D7D7;
	color: #777;
	font-size: 0.9em;
	padding: 6px 10px;
.post_meta a {color: #345; }
.post_meta a:hover {color: #001;}
/* Archives */
.archive_pagination {margin-bottom: 1.6em;}
.archive_post {margin-bottom: 14px;}
.archive_post_title {padding-top: 3px;}
.archive_post_date {
	background: #FAFAFA;
	border-bottom: 1px solid #C5C5C5;
	border-right: 1px solid #CFCFCF;
	float: left;
	margin-right: 12px;
	padding: 2px 0 5px;
	text-align: center;
	width: 46px;
.archive_post .post_date {
	border: none;
	padding: 3px 0 0;
.archive_post_day {font: normal 1.6em Georgia,serif;}
------------------------------------------------------------------- */
.thumbnails {margin: 0 0 1em -8px;}
.thumbnails a.thumb {	
	background: #D5D5D5;
	display: block;
	float: left;
	margin: 0 0 8px 8px;
	padding: 3px;
.thumbnails a.thumb:hover {background: #C0C0C0;}
.thumbnails .thumb img {display: block;}
------------------------------------------------------------------- */
.box {margin-bottom: 0.6em;}
.box_title {
	background: #D2D5D8;
	border-bottom: 1px solid #C6C9CB;
	color: #70767A;
	font: bold 1.3em sans-serif;
	padding: 7px 10px 6px;
.box_content {padding: 8px 0 8px;}
.box li:first-child {border-top: none;}
------------------------------------------------------------------- */
div.comment_list {
	border-top: 1px solid #D6D6D6; 
	margin: 1em 0 2em;
.comment {
	border-bottom: 1px solid #D6D6D6;
	padding-top: 10px;
.comment_date {font-size: 0.9em;}
.comment_date a {
	color: #567;
	text-decoration: none;
.comment_date a:hover {
	color: #001;
	text-decoration: underline;
.comment_body {padding-top: 4px;}
.comment_gravatar {width: 48px;}
.comment_gravatar img {
	background: #FFF;
	border: 1px solid #DDD;
	padding: 2px;
------------------------------------------------------------------- */
/* General wrappers */
#layout_wrapper {
	padding-bottom: 16px;
#layout_wrapper2 {
	padding-top: 90px;
#layout_wrapper3 {
	background: #FFF;
	margin: 0 auto;
	width: 992px;	
#layout_wrapper4 {padding: 6px;}
/* Header */
#header_wrapper {
	height: 150px;
	background-color: #222;
	background-repeat: repeat-x;
#header {padding: 48px 48px 0 48px;}
#site_title h1 {
	color: #A0C3D0;
	font-size: 2.5em;
#site_title h1 a {
	color: #A0C3D0;
	text-decoration: none;
#site_title h1 a:hover {color: #DDD;}
#site_title h2 {
	color: #999;
	font-size: 1.3em;
/* Navigation */
#navigation {
	margin-bottom: 3px;
	padding-top: 4px;
#navigation a {
	color: #E0E6EA;
	display: block;
	font-weight: bold;
	text-decoration: none;
#navigation a:hover {color: #F0F6FA;}
/* Main navigation */
#nav li {border-right: 1px solid #54646C;}
#nav a {
	font-size: 1.3em;
	padding: 10px 16px;
#nav a:hover {background: #5E6D75;}
#nav li.current_page_item a {
	background: #6E7D85;
	color: #FFF;
/* Sub-navigation */
#subnav {
	border-top: 1px solid #555A5F;
	background: #60656A;
#subnav li {border-right: 1px solid #50555A;}
#subnav a {
	font-size: 1.1em;
	padding: 9px 12px;
#subnav a:hover {background: #555A5F;}
/* Main */
#main_wrapper {
	border-bottom: 1px solid #C3C4C1;
	margin-bottom: 3px;
#main {
	padding: 24px 0;
#content_wrapper {width: 690px;}
#content {padding: 0 20px;}
/* Sidebar */
#sidebar_wrapper {width: 290px;}
#sidebar {padding: 0 18px;}
/* Dashboard */
#dashboard_wrapper {}
#dashboard {
	border: 1px solid #ACAFB0;
	color: #404448;
	margin-bottom: 3px;
	padding: 16px;
#dashboard .col3 {width: 288px;}
#dashboard .col3mid {width: 370px;}
#dashboard .col3mid .col3_content {
	border-left: 1px solid #B0B4B8;
	border-right: 1px solid #B0B4B8;
	margin: 0 20px;
	padding: 0 20px;
#dashboard .col_title {
	color: #606669;
	font-size: 1.5em;
#dashboard ul {margin: 0;}
#dashboard li {
	border-bottom: 1px solid #BABEBF;
	list-style: none;
	padding: 5px 0;
#dashboard li a {
	color: #404448;
	text-decoration: none;
#dashboard li a:hover {
	color: #202428;
	text-decoration: underline;
/* Footer */
#footer {	
	background: #DDD;
	border: 1px solid #CCC;
	padding: 8px 12px;
#footer .right, #footer .right a {
	color: #777;
	text-decoration: none;
#footer .right a:hover {
	color: #223;
	text-decoration: underline;
   Single line IE-fix
------------------------------------------------------------------- */
* html #main, * html #dashboard {height: 0.01%; min-height: 0.01%;}
   Misc overriding classes
------------------------------------------------------------------- */
/* Border */
.noborder {border: 0;}
.notborder {border-top: 0;}
.norborder {border-right: 0;}
.nobborder {border-bottom: 0;}
.nolborder {border-left: 0;}
/* Margin */
.nomargin {margin: 0;}
.notmargin {margin-top: 0;}
.normargin {margin-right: 0;}
.nobmargin {margin-bottom: 0;}
.nolmargin {margin-left: 0;}
/* Padding */
.nopadding {padding: 0;}
.notpadding {padding-top: 0;}
.norpadding {padding-right: 0;}
.nobpadding {padding-bottom: 0;}
.nolpadding {padding-left: 0;}
<body id="top">
<div id="layout_wrapper">
<div id="layout_wrapper2">
<div id="layout_wrapper3">
<div id="layout_wrapper4">
	<div id="header_wrapper">
		<div id="header">
			<div id="site_title">
				<h1>Finibus Bonorum et Malorum</h1>
				<h2>Lorem ipsum dolor sit amet</h2>
	<div id="navigation">
	  <div id="subnav">
			<ul class="tabbed">
				<li class="current_page_item"><a href="#">ITEM 1  </a></li>
				<li><a href="#">ITEM 2 </a></li>
				<li><a href="#">ITEM 3 </a></li>
				<li><a href="#">ITEM 4 </a></li>
			<div class="clearer">&nbsp;</div>
	<div id="main_wrapper">
		<div id="main">
			<div class="left" id="content_wrapper">
				<div id="content">
					<div class="post">
						<div class="post_title">
						<div class="post_date"></div>
						<div class="post_body">
						<div class="post_meta"></div>
			<div class="right" id="sidebar_wrapper">
				<div id="sidebar">
					<div class="box">
						<div class="box_title"></div>
					  <div class="box_content"></div>
			<div class="clearer">&nbsp;</div>
	<div id="dashboard_outer">
		<div id="dashboard">
		  <div class="clearer">&nbsp;</div>
	<div id="footer">
	  <div class="clearer">&nbsp;</div>
Avatar of Rajendra Shekhawat
Rajendra ShekhawatFlag of India imageSolution Architect

Our community of experts have been thoroughly vetted for their expertise and industry experience.

This problem has been solved!
Unlock 1 Answer and 3 Comments.
See Answers