Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Positioning Issue Re: Positioning Issue

#79037
Chris Coyier
Keymaster

This Worked For Me.

/*

By: Chris Enloe
http://www.chrisenloe.com

*/

* {
margin: 0;
padding: 0;
}

body {
width: 930px;
background: url(../images/texture.jpg) repeat;
margin: 0 auto;

}

@font-face {
font-family: Bebas;
src: local("Bebas"), url("fonts/bebas.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}

h2 {
font-family: Bebas, Arial, sans-serif;
font-size: 28px;
margin-top: 20px;
color: #4d4b4b;
}

.clear {
clear: both;
}

#header {
background: url(../images/header-bg.png) repeat-x;
height: 115px;
}

#nav {
width: 930px;
margin: 0 0 0 495px;
}

#nav li {
display: block;
font-family: Bebas, Arial, sans-serif;
font-size: 30px;
color: #ffffff;
float: left;
margin-right: 10px;
margin-top: 20px;
margin-bottom: 40px;
list-style: none;
}
#nav li a {
color: #ffffff;
text-decoration: none;
font-weight: bold;
}

#nav li a:hover {
border-bottom: solid 3px #ffffff;
}

#page-wrap {
margin: -125px auto;
background: #dfdfe0;
width: 930px;
min-height: 950px;
-moz-box-shadow: 0px 0px 25px #000;
-webkit-box-shadow: 0px 0px 8px #000;
box-shadow: 0px 0px 8px #000;
border:;
}