[css-d] IE Jumping Div and Firefox Unexpected Wrap
I'm having two problems in the same css that I'm at a loss to deal with. I'm hoping someone has some insight... My page is visible at http://ourhouse.ridiculouspower.com:8080/~ahaig/rowhill/ 1. In Internet Explorer, the central div jumps down below the two side columns. Works fine in Safari and Firefox, and either doesn't seem to be a hasLayout issue or I can't find the appropriate element without layout. 2. In Firefox, the right div in the strip in the central div (the white background with people and text over it and a scroll bar) jumps below the strip and becomes invisible (overflow is set to hidden). If overflow is set to visible then it pushes everything down. Safari works as expected. Any ideas? I have tried many different things, but I'm not sure what details would be useful beyond providing the link to the page itself. Thanks Asher __ css-discuss [cs...@lists.css-discuss.org] 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/
Re: [css-d] Nested @import in IE
Thanks guys! It's good to know that it's not me, but IE who has the problem. Cheers, Zoe -Original Message- From: Ingo Chao [mailto:[EMAIL PROTECTED] Sent: Friday, April 13, 2007 3:34 AM To: cFA Cc: Zoe ASHER; [EMAIL PROTECTED] Subject: Re: [css-d] Nested @import in IE cFA wrote: > On 4/12/07, Zoe ASHER <[EMAIL PROTECTED]> wrote: >> Hi all, >> >> Has anyone ever experienced a problem with having style applied in IE >> when '@import's have been nested 4 levels deep? >> >> I've just tried to do this, and can't view the styles which are at >> the deepest level of nesting in IE6. Firefox works fine. >> >> I tried clearing my cache, but to no avail. >> >> Thanks (I hope!) >> Zoe >> >> > Yes, it is a problem~ I have a test page for it, but havent found a > way around it, other than of course importing what I can on the same level. > > http://aenonfiredesign.com/sandbox/importlevels/ > > > -clint > With this testcase, IE7 shows the same problem. Plus a pretty long FOUC. -> added it to the wiki. Ingo -- http://www.satzansatz.de/css.html __ 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/
[css-d] Nested @import in IE
Hi all, Has anyone ever experienced a problem with having style applied in IE when '@import's have been nested 4 levels deep? I've just tried to do this, and can't view the styles which are at the deepest level of nesting in IE6. Firefox works fine. I tried clearing my cache, but to no avail. Thanks (I hope!) Zoe __ 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/
[css-d] Select box font-size in IE
Hi All, I'm having some trouble identifying a good fix for what seems like an IE rendering bug. I've got a multi-line select element with dynamic options and optgroups and I want to change the font size of everything inside the . I've pared it down to a simple select { font-size: 0.8em; } which works beautifully in Firefox, and *sometimes* works in IE, except when the page redraw is slow. When this is the case, two ugly things happen: 1) The box displays 4 times as the page redraws, finally displaying as a single box; 2) Items in the select box are displayed with the wrong font size, except for the one which is (by default) selected. When the page list is scrolled or the items selected, the proper font-size is displayed. I'm not as concerned about the first bug, but the second one is quite troubling. (It is really frustrating the users of our web-app.) When I add the size inline it solves it, but obviously this isn't a *good* solution. I've posted a static page with all of the CSS I use to position the element, etc. I don't expect that you'll actually be able to see the problem here as the page is simple HTML (and doesn't take long to draw), so I've also included a screenshot to show what I mean. CSS (and mock-HTML): http://www.coolrunnings.ca/cssproblem/selectBox.htm Screenshot img: http://www.coolrunnings.ca/cssproblem/selectBoxScreenshot.htm Please help! Thanks oh-so-much, Zoe P.S. Apologies that I can't attach a link to the actual page; it is within a secure site. P.P.S. I searched the archives, and found *lots* of useful stuff, but nothing that looked like it would help me with this. __ 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/