2007/3/20, Marty Martin <[EMAIL PROTECTED]>:
> Hello everyone,
>
> I have worked on this until I'm cross-eyed. The page here-
> http://commonwealthentpc.com/ is using DIVs to separate the header,
> middle and footer content. They're the same width, etc. but are not
> lining up evenly. They seem to be a couple of pixels off on either
> side.
>
> Help! Where am I going wrong here?!
Padding and background image. Or nesting, depends how do you look at
the problem.
Your background images has green on the sides, so it appears shifted.
I used negative margin for the fix, but I'd suggest to redo the whole
thing.
For the quick fix change appropriate blocks:
.header {
padding: 0;
width:755px;
}
.header-top {
background: url(http://www.commonwealthentpc.com/images/top-header.gif)
no-repeat -2px 0;
height:130px;
width:755px;
}
.nav1 {
margin:106px 0pt 0pt 645px;
position:absolute;
width:106px;
z-index:3;
}
I did not check if this works browsers other than firefox, but you
should get the idea what went wrong.
Regards,
Rimantas
--
http://rimantas.com/
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
