IE8 - looks fine.
IE7 - looks ok but not as intended.
IE6 - looks very odd.
A few suggestions:
* *IE6* doesn't recognise the *min-height* property on *#header* and
*.whitebar* - there are several ways around this....a search for
/"IE6 min-height hack"/ in Google will return countless solutions
(I just use the _height:40px; solution) - but you're better off
*not using min-height* at all...so remove it.
* The *"whitebar"* divs are better off removed and replaced with
*top and bottom borders* on the relevant divs - eg. *#header
{border-bottom:5px solid #fff}* - if you insist on using these
whitebar divs, give them a *height* (instead of a min-height) and
*"font-size:0;"*
* You need to apply the *"clear:both"* property to a bunch of divs -
eg: *.whitebar, #footer.*
* The dark repeating background image on the footer can be
*replaced* with a simple *background colour*: eg.
"background-color: #000;" - but you also need to address the issue
of the collapsing height (due to floated child elements) - my
solution: replace the current footer styles with this:
*"background-color: #000; color:#fff;
overflow:hidden;zoom:1;padding-bottom:2em;"* - overflow fixes 0
height issue and zoom fixes IE6 hasLayout issue with overflow (but
be warned - you must be careful not to use this overflow technique
with a declared height) - there are other floating fixes - in
particular the *clearfix* (type in google).
* You can use this overflow technique for other divs that need it,
eg: *#header, #navbar*.
* The *#navbar* area can be more *semantic *if you replace the
current <div> structure with a <ul> - this would also negate the
need for the /<div class="nav_text_blank"></div>/ - generally I
try *never* to *use* *empty divs* unless they are absolutely
necessary.
* The same semantic approach can be applied to the *image galleries*
in the photos and videos columns.
* Christian Fagan
* Fagan Design
* fagandesign.com.au
* p: (+613) 9314-1841
[email protected] wrote:
Hi,
Wondering if you guys could please shed some light on why my latest
site isn't working in IE correctly for some people (IE 7 & IE 8).
A few people have said that they can only see the green nav bar and
the picture of trees below it and nothing else. They should be able to
see more than that including a black footer with images and links.
I have validated it and it passes ok but when I run it through
browsershots I get the results mentioned above and can't see where I
have gone wrong.
The site is: http://bentonarboriculture.co.uk/test.html
and I have attached two images, one of how it should look and the
other of how it appears in IE
many thanks, and Happy New Year!
Hedley Phillips
Digital Essence
T: 01306 627 128
M: 07940 508 417
E: [email protected]
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [email protected]
*******************************************************************
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [email protected]
*******************************************************************
