[css-d] IE Problem - Not Showing Left Column

[Matthew Stoneback]

Here is the run down on my situation.

 

I used Matthew Levine's article, In Search of the Holy Grail from A List
Apart to format / set-up my CSS document and HTML test page.

 

The problem: The page looks great in Firefox 1.5, Opera 9.0, Mozilla 1.7,
and Netscape 8.1; but not so hot in one area in IE (multiple versions).  All
that appears to be missing is an image which completed the patch on the
upper left side of the page (placed in the left column).  I even tried
placing text in the left column to see what happened; the text showed on all
the browsers in the proper place besides IE.  If anyone has a chance, please
look at the files linked below in multiple browsers and let me know if you
see an error in my coding.  Also, if it is an IE issue, is there a fix?

 

HTML Page: http://www.eddysound.com/epso/

 

CSS Document: http://www.eddysound.com/epso/css/epso.css

 

Thanks in advance for any help and guidance.

 

Matthew Stoneback

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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/

Re: [css-d] IE Problem - Not Showing Left Column

[Gunlaug Sørtun]

Matthew Stoneback wrote:
 All that appears to be missing is an image which completed the 
 patch on the upper left side of the page (placed in the left 
 column).

 HTML Page: http://www.eddysound.com/epso/

Designer's coding-errors:
- Wrong names on the IE-fixes.
- Forgotten space between selectors in the '* html' hack.
- Ending last IE-fix with ':' instead of ';'.

Corrected IE hacks...

/*** IE6 Fix ***/
* html #header_left {
left: 324px;
}

/*** IE6 Fix ***/
* html #leftRail {
left: 142px;
}


Also, you should add...

#header_container div img {display: block;}

...to save IE6 from descenders and 'auto-expansion' bugs.



Note that this positioning method is handled extremely messy by IE6 when
browser-window is made narrower.

regards
Georg
-- 
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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/