Jess Jacobs wrote:
> Hi all,
>
> I'm not new to CSS but I'm (apparently) not a seasoned pro, either. My
> biggest deficiency is in cross-browser compatability... I designed
> this site with FF on mac and am now paying the price since it looks
> HORRIBLE in IE6, the menu sucks in IE7, and pc FF does some
> butchering. Can anyone give me an idea what I'm doing wrong with this?
> The version should look like the rendering FF for OSX does, and I need
> at least IE7 to follow suit. (Also, should I bother designing for IE6?
> Or has everyone been forced to upgrade by now?)
>
> http://www.akisma.com/design/precis/
>
> THANKS in advance! Tight deadlines here, so all feedback is appreciated.
IE shenanigan I see. Change this.
#menu li {
margin-left: -40px;
}
to
#menu li {
margin-left: 0; /* Zero out margin in IE7- */
padding-left: 0; /* Zero out padding in FF, Safari, Opera, IE8 */
}
Then it should look the same cross browser accept IE6, as for that browser.
<img> 850px + #menu 150px = #wrapper 1100px
These dimensions do not fit with IE6 when involving percentage left
offsets or margins. Maybe a IE6 hack is in order. Mmmmm.
/*\*//*/
* html #wrapper {
left: 49%; }
/* Target IE5 and IE6, hide from IE5/Mac */
That should do the trick hopefully. Please upload again if this doesn't
completely sort out IE6.
--
Alan http://css-class.com/
Nearly all men can stand adversity, but if you want to test a man's
character, give him power - Abraham Lincoln
Save the Internet - http://www.savetheinternet.com/
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
