On Apr 20, 2006, at 7:13 AM, GypsiiRose Baptiste wrote: > Hi all, I've written out a page in CSS, and it seems to work fine > in mozilla > (mac & PC), but it breaks in IE on a PC (haven't tested it on a mac > in IE). > I'm relatively new to CSS, as far as trying to lay out the whole > page with > CSS (no tables) and I'm a bit confused about how/where to use the > hacks I've > been reading about. (like the box model hack) > I would appreciate if you could look at my code and help me fix it! > Here's the link: http://beesknees.net/Imagine/index_test.html
A first problem: you are better off declaring a width for the sidebar (#corkboardnav). setting it to the width of the image (173px) would work fine, I think. Second problem: the main contents area becomes to wide in IE. The reason is the width you have declared on your h2. Deleting that width (leave it to the default) fixes that problem, and the main content area jumps back in place. The 3rd problem I see is that navigation box on top of the page. You rely on a couple of properties (min-height, max-height, max-width) that are not supported by IE windows (nor IE mac). You'll need a different approach for this. like floating the mainbox to the right. I'll sent you a modified file off-list. IE win also does not understand the value 'transparent' for border. You'll need to use the background-color instead. Philippe --- Philippe Wittenbergh <http://emps.l-c-n.com> ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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/
