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
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
______________________________________________________________________
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/
