CK wrote:
Still getting the problem on the link to us, and mailing list:
(http://working.bushidodeep.com/tacticalware/banners.html)
(http://working.bushidodeep.com/tacticalware/mailing.html)
What have I missed in the CSS?
Not much, but IE/win is missing a lot since it doesn't understand CSS
all that well to begin with :-)
Now, let's give IE some help with CSS for the right elements, instead of
just covering up for its bugs.
---
<http://working.bushidodeep.com/tacticalware/banners.html>
Part of what you're missing is IE's "expand to make content fit inside" bug.
Part of a solution is to add...
* html #content {width: 380px; overflow-x: hidden;}
* html #content img {position: relative;}
...which will make IE mimic standard overflow-behavior.
This variant...
* html #content {width: 377px; overflow-x: hidden;}
* html #content * {position: relative;}
...will also work, but you'll have to test that it doesn't create any
problems on other pages since it'll give _all_ elements inside #content
the possibility to overflow.
Note that I've taken your use of italic text on some pages into account
in the last variant, and given IE 3px space for its 'italic bug' in
#content. So 'width: 377px' will let IE expand, or rather overflow, up
to the correct 380px - without breaking anything. That's usually enough.
Also, the unused #extra should rather look like this in source-code...
<div id="extra"><!-- --></div>
...as IE will expand it unless it is completely empty, and IE doesn't
know that it is empty unless all it can see inside it is a comment, and
no white-space or line-breaks are found.
Not even a <div id="extra"></div> (nothing inside) will do for IE's
buggy understanding of "empty".
---
http://working.bushidodeep.com/tacticalware/mailing.html
Add this...
#extra {overflow-x: hidden; width: 140px!important; padding: 0 3px;}
...to the styles given above (any variant), and fine-tune width and
padding to taste across browser-land.
Test the whole style-package across the entire site, as I have only
focused and tested on those two pages.
regards
Georg
--
http://www.gunlaug.no
******************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************
