...

View Full Version : CSS Hack IE6 Problem with header h1 also page links



nickHiebert
11-26-2009, 08:34 PM
My site:
http://nickhiebert.com/test_site



#header h1 {
line-height: 13px;
}


Anyone know how to make it move down so it aligns right with the nav bar?

I can't seem to figure out how to move the nav links so they are centered in the nav bar.



#secondary {
margin-left: 10px;
}

#secondary a {
margin-bottom: -80px;
}

Excavator
11-26-2009, 09:30 PM
Hello nickHiebert,
Floats are how we put things side by side. Floating your h1 should work better than using a negative margin on #nav.
Try this -
html {
background:url(../images/background.png) scroll;
}


/* HEADER */
/*----------------------------------------------------------------------------------------------------------*/

#header {
position: relative;
overflow: auto;
background: #f00;
}

#header h1 {
padding-top: 0;
width: 304px;
float: left;
margin-top: 18px;
margin-bottom: 2px;
padding-bottom: 0;
}

img {
border-style: none;
}
/* NAV */
/*----------------------------------------------------------------------------------------------------------*/

#nav {
background:url(../images/nav_bg.png) repeat-x;
overflow: hidden;
height: 93px;
margin-right: 0;
margin-left: 0;
padding: 0 0 0 31px;
}



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum