Paul ODonovan wrote:
> Hi, my name is Paul :) this is my first post -
Welcome.
> www.blueprintdesign.ie
> In IE7 there is unwanted space occuring in the place where my images
> originally were before I positioned them.
The negative effect of 'hasLayout'[1] in old IE: the paragraph expands
to contain the floating image, and everything that follows get pushed
down - creating big gaps.
To make IE6/7 behave: delete the 'width : 280px;' on 'ul#clients li p'.
See below.
> The issues with IE6 seem to affect every part of my design - it's
> hard to know where to start, but for now I would be grateful even
> just getting IE7 in order.
Once you've fixed things for IE7, add...
ul#clients li p img {
position: relative;
}
...and change #content-main to the following...
#content-main {
position: relative;
padding: 10px 0 0 0;
width: 61%;
max-height: 2700px;
}
That will get you started on fixing IE6.
You can tune margins and paddings to taste to achieve a somewhat
cross-browser stable appearance.
> Any comments, criticism or suggestions @ all are welcome!
1: When using conditionally commented stylesheets to fix IE, put them after
the default stylesheet(s) in the page head. That'll make it easier to
override the default stylesheet(s) with IE-specific styles without
having to bother with modifying selector specificity to make those IE
styles kick in.
2: Note that IE8 rarely needs fixes, so reserve those IE fixes for...
<!--[if lte IE 7]>
...or else you'll just end up making IE8 render really bad while fixing
its predecessors.
3: For now: delete _all_ existing styles in the stylesheet for IE, and
start over again for IE7 and below. Existing IE styles either don't kick
in in the order you have them now, or they don't make sense and end up
ruining IE's chances to do a reasonable good job if you change the order
so they do.
You can check how various IE versions will render your page with (only)
the basic fixes (see above) in place, here...
<http://www.gunlaug.no/tos/alien/pod/test_09_0508.html>
...and compare yours with the modified (default) styles here...
<http://www.gunlaug.no/tos/alien/pod/test_09_0508_files/B4000000.css>
Should give you a starting point.
regards
Georg
[1]http://www.satzansatz.de/cssd/onhavinglayout.html
--
http://www.gunlaug.no
______________________________________________________________________
css-discuss [[email protected]]
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/
