On 2/14/11 8:39 AM, Gates, Jeff wrote:
> I'm in the middle of developing a website and have just made a change
> to the CSS, making the header a light shade of gray to contrast it to
> the content area below (it was white). It's showing up correctly in
> Firefox but, of course, something is amiss in IE (I'm looking at it
> in IE7).
>
> A link to a typical page is:
> http://americanartinvites.com/omeka/features The link to the style
> sheet is:
> http://americanartinvites.com/omeka/themes/fromscratch/css/screen.css
>
On 2/14/11 7:19 PM, "David Hucklesby" <huckle...@gmail.com> wrote:
Even more problems in IE 6... :)
The search FIELDSET expands in that browser-- I suggest replacing the
FIELDSET with a DIV to get it working cross-browser (unless someone else
has a better solution...)
I put these rules at the end of the screen.css as overrides. They fixed
the problems my end. Hope they help:
/* fix IE6 expanding width bug */
#wrap {overflow-x: hidden;}
/* width on #content makes it enclose floated content in IE 6 & 7
- you may like to add "overflow: hidden;" to do the same in real
browsers */
#content {background: transparent;}
/* fix doubled margin bug in IE 6 */
#search-wrap {display: inline;}
/* margin-top pokes thru container in old IE */
#primary-nav {
background: #ddd url("bg.gif") repeat-x bottom;
margin-top: 0;
padding-top: 10px;
}
BTW - Why do you link to a stylesheet in the middle of the BODY content?
--
Cordially,
David
----------------------------------------------------------------------
David, thanks for your response. That did the trick and I am grateful for your
help. If there is a primer somewhere that addresses css issues with IE that you
would recommend I'd love to know since I need to get up to speed on the issues
inherent in developing in older versions of IE.
Your question about why I put a stylesheet link into the body is a fair and
good one. This site is being developed in a CMS that has a header include (the
CMS is Omeka, which is being developed for museums, but its structure is
similar to many WordPress themes with header includes). That particular link
gives each section of the site a different color band at the top and bottom of
the page. I didn't know how to parse out each section other than to put that
link within the body, given that they all use the same header. If you have
suggestions, I would love to hear them. I didn't feel comfortable doing it that
way.
Best, Jeff
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
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/
