Thanks to those who responded.
At 7:57 AM -0400 4/18/06, Design Groups wrote:
>>>I cannot seem to get rid of the border around the 'close window' image. <<
>
>1) img {border:none;}
Of course that worked. I thought I had tried that one without
success. I guess that's what happens when trying to debug after all
day and nite in front of the screen.
>
>>>How should I go about trying put a 4px shadow around the white
>>>content area? <<
>
>I've done this before. This is a fixed-width site, so it's quite
>easy. Bascially, you need to create 3 images: a top, middle and
>bottom. The top and bottom should have a 1px strip of white (you
>background color for the content area) that's the width of your
>content area, and add your shadow to it at the top. Same with the
>bottom, only move the shadow to the bottom :) The middle should only
>be 1 pixel wide, and again - the same width of your content + the
>8px shadow color. Then do somethign like the following:
>
>HTML:
>
><div id="container">
><div id="content">
>stuff here
></div>
><div id="footer">
></div>
></div>
>
>CSS:
>
>#container {
>background-image:url{"top_shadow");
>background-repeat:no-repeat;
>}
>#content {
>background-image:url("middle_shadow");
>margin-top:1px;
>}
>#footer {
>background-image:url("bottom_shadow");
>background-repeat:no-repeat;
>background-position:left bottom;
>}
>
>You may have to play with that a bit, but it basically sets your top
>and bottom shadows, and the middle will expand as the content of
>your site expands. Works pretty well :)
I tried what you mentioned, but always wind up with a similar issue,
gaps between the backgrounds
http://www.pixelalchemy.com/clients/vibe/foo.html I've tried other
variations (border, margin, background-position), but all either have
the gaps, or the top and bottom disappear. Thoughts?
>>>It works/looks fine on a Mac, but horrendous on Windows. <<
As has been pointed out by several, it looks fine on firefox and
other windows browsers. I should have said "Looks horrible in ie."
So, any hints on how to fix that? I don't need ie5 compatibility.
Relevant links:
page in question: http://www.pixelalchemy.com/clients/vibe/test2.html
css: http://www.pixelalchemy.com/clients/css/test.css
should look like: http://pixelalchemy.com/clients/vibe/master.gif
______________________________________________________________________
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/
