Huge gap between header and content? SOLVED!

Nov 01, 2007 09:47

Working on the layout for hollow_art. And there's this big gap between the content and the header. I'm pretty craptacular when it comes to CSS, but I've tried everything I can think of, and I can't get it to go away.

#header-inner {
background-image: url(http://i17.tinypic.com/62i4imw.jpg);
height: 400px;
}

#container-inner, #header-inner {
width: 950px; /* Change the width of the header and overall container boxes*/
}
#alpha {
width: 650px; /* Overall width minus sidebar width*/
}
.layout-tw #alpha-inner {
width: 610px; /* Width of #alpha minus 40px margins*/
}

/* general formatting --------------------------------------------------- */
body {
font-family:Verdana, sans-serif;
font-size: 10px;
color:#000000;
background: #FFFFFF;

}

a {
font-weight: bold;
text-decoration: underline;
color: #000000;
}

a:hover {
text-decoration: none;
}

#content {
background-color: #c6c6c6;
}

/* subject font */
.page-header2,
.post-asset .asset-name a {
font-family: Verdana;
color:#000000;
}
/* header title/subtitle font */
#header-name a,
#header-description {
font-family: Verdana;
color:#000000;
}
/* header links */
#header .nav .item {
font-family: Verdana;
color:#000000;
}

#header-name { display: none; }
#header-description { display: none; }
#header-content-inner {margin: 380px 15px 5px 0px;}
#header-text .nav a { color: #000000; }

.asset-meta-list,
.asset-meta-list a:link,
.asset-meta-list a:hover,
.asset-meta-list a:visited,
.asset-meta-list a:active {
color : #000000;
font-weight : bold;
} EDIT: Gap problem SOLVED!

Additionally... how would I go about changing the link colors on the sidebars, as well as using my own div image?

And finally... using Expressive (duh), Chopsticks.

page:backgrounds, sidebar:text:colors, page:alignment, sidebar:headers:colors

Previous post Next post
Up