View Single Post
08-25-2005, 06:28 PM
#8
Stan is offline Stan
Status: Member
Join date: Aug 2005
Location:
Expertise:
Software:
 
Posts: 269
iTrader: 0 / 0%
 

Stan is on a distinguished road

Send a message via AIM to Stan

  Old

www.redorigin.net/portfolio/dbolt/

flash is fixed and valid; thanks everyone

my biggest problem now is alignment (next to browser compatibility!)

Code:
/* General Stuff */

html, body {
margin: 0;
padding: 0;
height: 100%; /* Required for footer to stick */
}

body {
background: #2d2d2c url(bg.gif) repeat-y 50% 0px;
background-attachment: fixed;
margin: 0;
padding: 0;
}

/* Structure */

#wrap {
min-height: 100%;
}

* html #wrap {
height:100%;
}

#clearfooter {
height: 33px;
overflow:hidden;
}

#footer {
height: 33px;
position: relative;
bottom:0;
margin:auto;
background: url('foot_bg.gif') repeat-x;
}

#navbar {
background-color: #ECE9D8;
background-image: url('head_bg.gif');
background-repeat: repeat-x;
height: 54px;
margin: 0;
padding: 0;
}

#navbar ul {
  margin:0;
  padding:0;
  list-style:none;
}
#navbar li {
  float:left;
  margin:0;
  padding:0;
}

a#about {
display:block;
width: 80px; height: 54px;
border-width: 0;
margin:0px;
background: url('about.gif');
}

a#about:hover {
width: 80px; height: 54px;
border-width: 0;
margin:0px;
background: url('about_over.gif');
}

a#forums {
display:block;
width: 71px; height: 54px;
border-width: 0;
margin:0px;
background: url('forums.gif');
}

a#forums:hover {
width: 71px; height: 54px;
border-width: 0;
margin:0px;
background: url('forums_over.gif');
}

a#media {
display:block;
width: 52px; height: 54px;
border-width: 0;
margin:0px;
background: url('media.gif');
}

a#media:hover {
width: 52px; height: 54px;
border-width: 0;
margin:0px;
background: url('media_over.gif');
}

a#sponsors {
display:block;
width: 94px; height: 54px;
border-width: 0;
margin:0px;
background: url('sponsors.gif');
}

a#sponsors:hover {
width: 94px; height: 54px;
border-width: 0;
margin:0px;
background: url('sponsors_over.gif');
}

#footer {
clear: both;
padding: 0px;
margin-top: 0 px;
background: url('foot_bg.gif);
}

a#foot {
border-width: 0;
margin: 0px;
}

#leftcontent {
margin: 0 0 0 6.3%;
width:200px;
border: 0px;
float: left;
}

p.left {
background: url('ros_bg.gif') repeat-y;
margin: 0 0 0 0;
padding: 0px;
text-align: center;
height: 30px;
}

#centercontent {
margin-left: 0 0 0 15%;
border: 0px;
float: inherit;
/* IE HACK*/
voice-family: "\"}\"";
voice-family: inherit;
margin-left: 18%;
}

html>body #centercontent {
margin-left: 24%;
}

#rightcontent {
right: 0 0 0 10.3%;
width:200px;
border: 0px;
float: right;
}

what is wrong with alignment? i cant even get the headline thing to move nor the right content, how can i get them so all the tops are aligned