I am having a hell of a time trying to get this to work. If I view this page that I’m doing: http://www.lornerose.com/new_site/aboutus.html it looks fine in Chrome. If I look at it locally using IE8, it looks the same, however if I look at it in IE8 online, the damn thing doesn’t center. I got the centering code from Chris at https://css-tricks.com/examples/CenterHorizontalListItems/ – at first I just made the #outerbox like so (Chris’ example calls it #menu-outer)
#outerbox
{
}
because I didn’t need a background or anything and it appeared to work fine offline (IE included). The CSS you’ll find with the aboutus.html page includes a single clear pixel background, just to put anything in there – thinking it might be the problem (I do a LOT of trial and error to try and figure things out). It didn’t work.
Anyway, I am at a total loss as to why the individual “boxes” won’t center properly online, but not offline (IE only).
Stupid IE.
Thank you for your help. If more info is needed, let me know. Also, I did this original site like 8 years ago while working there and now that I’m trying my hand at actually doing web design full time, I’m doing the new one. It’s not totally working, but you can peruse at http://www.lornerose.com/new_site – any ideas or criticism is appreciated. Be gentle, I’m learning!
Brian
