Hi Guys..
I am fairly new to CSS and am working my way through Eric Meyer's "On
CSS" books and checking out each design as it progresses in Firefox
1.5.03, Opera 8.54, Netscape 8.1 and IE 7 Beta 2 (7.0.5335.5).
There are two projects, Project 12 - Fixing your backgrounds (in EM on
CSS), and Project 2 - Styling a photo collection (in More EM on CSS)
where IE7 fails to deliver. Both projects involve the use of negative
margins (all other browsers I am using have no problems) in that part of
the style sheet causing the problem.
The html and css for Project 12 can be viewed at
www.vakalis.edu.gr/aks/ch12proj.html and for Project 2 at
www.vakalid.edu.gr/aks/ch02proj.html
In Project 2, the use of the child selector:
html>body div.pic ul {background: #CCCCBB; border: 3px double #555522;}
is to not confuse poor IE6 which Eric says "will get hopelessly muddled
and start making elements disappear". Unfortunately IE7 understands the
child selector and... gets hopelessly muddled and starts making elements
disappear.
The problems can be made to go away in both cases by changing the styles
that contain negative margins to make them 0 or positive.
Is anyone else having problems with negative margins and IE7? It is
disappointing as IE7 seems to be handling most of Eric's examples perfectly
--
Andreas Kakanis-Silk
______________________________________________________________________
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/
