[css-d] Peekaboo bug - in Firefox??
Have a look at this page: http://srchc.ca/?q=node/80 The #wallpaper-inner div (blue area above the first large photo) contains, among other things, 15 divs creating the individual lines of light-blue text behind the Chinese Programs header. (We call this the wallpaper.) These 15 divs are absolutely positioned, one below the other. (Why extra wallpaper lines? In case users enlarge their font size and/or long headers run to several lines.) #wallpaper-inner has overflow:hidden to ensure that no wallpaper line appears beyond its edges. PROBLEM: This works on every title page on the site (e.g. Welcome!, About Us...) except this one. Clue (?): as soon as anything JavaScript-related occurs, the page reformats to spec -- the overflow becomes hidden again. This can be hovering over the nav menu on the left, or clicking around in Firebug. I knew about IE having peekaboo bugs, but Firefox? that's news to me. Please help. __ 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/
Re: [css-d] peekaboo bug? something else?
As always, thanks 1,000,000. Works like a charm. Rita At 11:39 PM 6/3/2007, ron zisman wrote: On Jun 3, 2007, at 10:36 PM, Rita Crisafi, Crisafidesign.com wrote: http://www.crisafidesign.com/ICS/laundry.html it doesn't render correctly in AOL 9.0 and IE 6 on Windows 2000 according to browser cam (see here http://www.browsercam.com/public.aspx?proj_id=352351 page 2) Looks like one of those situations where 'hasLayout' triggers makes things worse for the old Trident Engine, which IIRC is behind the surface on both mentioned browsers. The trigger is probably unavoidable though, so I suggest you change layout-method - using float for the body-text container. Add ... #bodytext {float: right; margin: 0;} ... for ALL browsers - and leave other styles as is, and it should turn out right. Looking alright in my browsers once corrected. regards Georg ( a.k.a. gunlaug :-) ) __ 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-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] peekaboo bug? something else?
Good evening good people, you have been of much help to me in the past. I'm confused, annoyed, etc. I'm working on a page here: http://www.crisafidesign.com/ICS/laundry.html it doesn't render correctly in AOL 9.0 and IE 6 on Windows 2000 according to browser cam (see here http://www.browsercam.com/public.aspx?proj_id=352351 page 2) I don't know if it's a peekaboo bug and it could be just general confusion...I tried putting a hack if statement in the page (didn't understand it too well), * !--[if lte IE 6] * style * .gainlayout { height: 1px; } * /style * ![endif]-- but it didn't seem to change anything. the style sheets are here: http://www.crisafidesign.com/ICS/css/styles.css and http://www.crisafidesign.com/ICS/css/menu.css (the lefthand menu is an include). Any help you could offer would be GREATLY appreciated. TIA, Rita Crisafi __ 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] peekaboo bug? something else?
On Jun 3, 2007, at 10:36 PM, Rita Crisafi, Crisafidesign.com wrote: http://www.crisafidesign.com/ICS/laundry.html it doesn't render correctly in AOL 9.0 and IE 6 on Windows 2000 according to browser cam (see here http://www.browsercam.com/public.aspx?proj_id=352351 page 2) Looks like one of those situations where 'hasLayout' triggers makes things worse for the old Trident Engine, which IIRC is behind the surface on both mentioned browsers. The trigger is probably unavoidable though, so I suggest you change layout-method - using float for the body-text container. Add ... #bodytext {float: right; margin: 0;} ... for ALL browsers - and leave other styles as is, and it should turn out right. Looking alright in my browsers once corrected. regards Georg ( a.k.a. gunlaug :-) ) __ 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] peekaboo bug in Safari?
I'm having a problem with Safari...first I've ever had. So far the other browsers are showing this page correctly...but In Safari, the picture and caption at the bottom left doesn't fully load. The W3 validators say the HTML passes, and the non-compliant IE hacks don't pass...but I really don't know any other way to handle those. Again, I'm updating info and adding pictures to an older site. These are sloppy in code, but they do work...just not elegantly like you guys can do. Any suggestions or hints as to the picture problem are GREATLY appreciated. Here's the url: http://pierceartanddesign.com/NewFiles.html/pages/ buckleylife.html Dave __ 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] Peekaboo Bug?? Please help...
Hello, I have been developing this site for a client, http://www.stockchildservices.co.uk/ and have been banging my head against the wall for days now because of an IE 6 error. All of the HTML and CSS validates fully and all appears well in Firefox and Opera, but when you view the page in IE6 the navigation on the left vanishes, until you hover over one of the links in the main body or the right hand column (but not the footer!). I have searched around, and am sure that this is an example of the Peekaboo bug, but I can not find the element that I need to apply the height fix to... If you look at the code, you will see I have been using conditional comments to try and isolate the fixes for IE and keep the extra CSS away from the other browsers. I have completely removed all of CSS that controls the menu, as I thought this might be interfering with the layout stuff, but it made no difference. If anyone could help with this I would be most gratefully. From a very frustrated Jon. -- Please avoid sending me Word or PowerPoint attachments. See http://www.gnu.org/philosophy/no-word-attachments.html http://www.gnu.org/philosophy/no-word-attachments.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] Peekaboo bug in header - can't find solution
Have a look at http://03.infocopa.com/ . In Internet Explorer (I tested with IE6), if you resize the window vertically, poof -- the purple area of the header disappears. The HTML validates, CSS 2.1 validates, and I have ensured that hasLayout is true for div#logo-area and _all_ its descendents. I don't know how else to prevent this from happening in IE. (All's fine in Firefox.) The site is slated to go live within the week, and having this problem right on the header is a real show-stopper. Thanks for your help! Charles __ 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] Peekaboo bug in header - can't find solution
Charles Blaquière wrote: Have a look at http://03.infocopa.com/ . In Internet Explorer (I tested with IE6), if you resize the window vertically, poof -- the purple area of the header disappears. The HTML validates, CSS 2.1 validates, and I have ensured that hasLayout is true for div#logo-area and _all_ its descendents. But not its ancestor, #wrapper-main. It is positioned relatively, but has no layout. This is insufficient for containing in IE6. Disappearance often occurs in such a constellation. 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/
Re: [css-d] Peekaboo bug?
To all, I removed a rule around a #wrapper (only put on that contact.htmlpage for a test) {position: relative}; and the crash stopped. But I still having a problem with the bug. Will report back with more. Please check again if you can. On 12/22/05, bill scheider [EMAIL PROTECTED] wrote: Hi Jonathan, What I get here when I reload the page in IE6 is a crash. Once the initial load crashed the browser. The second time, the page loaded ok (probably from the cache) but when re-loaded the browser hung up after loading the header. In Firefox, I get a flicker when the page loads. In the past when I've had this problem, it was due to not having image heights and widths specified. Once I fixed that, no more flicker. HTH, Bill -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Jonathan Berry Sent: Thursday, December 22, 2005 12:21 PM To: css-d@lists.css-discuss.org Subject: [css-d] Peekaboo bug? I am reposting this only because I don't know what the protocol is for placing Site Check in your subject line is, i.e. I didn't know if that was to get comments or to show a problem. Anyway, we are on deadline and wanted to get help with this possible bug: http://www.haroldstevens.com/redesign/contact.html We are having a problem with one of our sites wherein the left nav shifts either on load or refresh (i.e. if you cannot get it immediately then refresh and you will see the probelm). This is only in IE and looks like it might be an instance of the Peekaboo bug. But we already have code in place to handle that. Can you check it for us? Thanks in advance. -- Jonathan Berry, M.A. IT Consultant 619.306.1712(m) [EMAIL PROTECTED] www.mindarc.com --- This E-mail is covered by the Electronic Communications Privacy Act, 18 U.S.C. ?? 2510-2521 and is legally privileged. This information is confidential information and is intended only for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any dissemination, distribution or copying of this communication is strictly prohibited. --- -- Jonathan Berry, M.A. IT Consultant 619.306.1712(m) [EMAIL PROTECTED] www.mindarc.com --- This E-mail is covered by the Electronic Communications Privacy Act, 18 U.S.C. ?? 2510-2521 and is legally privileged. This information is confidential information and is intended only for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any dissemination, distribution or copying of this communication is strictly prohibited. --- __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ -- Jonathan Berry, M.A. IT Consultant 619.306.1712(m) [EMAIL PROTECTED] www.mindarc.com --- This E-mail is covered by the Electronic Communications Privacy Act, 18 U.S.C. ?? 2510-2521 and is legally privileged. This information is confidential information and is intended only for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any dissemination, distribution or copying of this communication is strictly prohibited. --- __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Peekaboo bug?
Ingo, Ian, Ron, Bill, can any of you check the page again. I have plastered position:relative over everything and no go. Any help much to be appreciated. On 12/23/05, Jonathan Berry [EMAIL PROTECTED] wrote: To all, I removed a rule around a #wrapper (only put on that contact.htmlpage for a test) {position: relative}; and the crash stopped. But I still having a problem with the bug. Will report back with more. Please check again if you can. On 12/22/05, bill scheider [EMAIL PROTECTED] wrote: Hi Jonathan, What I get here when I reload the page in IE6 is a crash. Once the initial load crashed the browser. The second time, the page loaded ok (probably from the cache) but when re-loaded the browser hung up after loading the header. In Firefox, I get a flicker when the page loads. In the past when I've had this problem, it was due to not having image heights and widths specified. Once I fixed that, no more flicker. HTH, Bill -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Jonathan Berry Sent: Thursday, December 22, 2005 12:21 PM To: css-d@lists.css-discuss.org Subject: [css-d] Peekaboo bug? I am reposting this only because I don't know what the protocol is for placing Site Check in your subject line is, i.e. I didn't know if that was to get comments or to show a problem. Anyway, we are on deadline and wanted to get help with this possible bug: http://www.haroldstevens.com/redesign/contact.html We are having a problem with one of our sites wherein the left nav shifts either on load or refresh (i.e. if you cannot get it immediately then refresh and you will see the probelm). This is only in IE and looks like it might be an instance of the Peekaboo bug. But we already have code in place to handle that. Can you check it for us? Thanks in advance. -- Jonathan Berry, M.A. IT Consultant 619.306.1712(m) [EMAIL PROTECTED] www.mindarc.com --- This E-mail is covered by the Electronic Communications Privacy Act, 18 U.S.C. ?? 2510-2521 and is legally privileged. This information is confidential information and is intended only for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any dissemination, distribution or copying of this communication is strictly prohibited. --- -- Jonathan Berry, M.A. IT Consultant 619.306.1712 (m) [EMAIL PROTECTED] www.mindarc.com --- This E-mail is covered by the Electronic Communications Privacy Act, 18 U.S.C. ?? 2510-2521 and is legally privileged. This information is confidential information and is intended only for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any dissemination, distribution or copying of this communication is strictly prohibited. --- __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ -- Jonathan Berry, M.A. IT Consultant 619.306.1712(m) [EMAIL PROTECTED] www.mindarc.com --- This E-mail is covered by the Electronic Communications Privacy Act, 18 U.S.C. ?? 2510-2521 and is legally privileged. This information is confidential information and is intended only for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any dissemination, distribution or copying of this communication is strictly prohibited. --- -- Jonathan Berry, M.A. IT Consultant 619.306.1712(m) [EMAIL PROTECTED] www.mindarc.com --- This E-mail is covered by the Electronic Communications Privacy Act, 18 U.S.C. ?? 2510-2521 and is legally privileged. This information is confidential information and is intended only for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any dissemination, distribution or copying of this communication is strictly prohibited. --- __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported
Re: [css-d] Peekaboo bug?
Jonathan Berry wrote: Ingo, Ian, Ron, Bill, can any of you check the page again. I have plastered position:relative over everything and no go. Any help much to be appreciated. Actually I am on duty debugging your page. It's not reproducible on a local copy at my end, so having a simplified page online would be of help. I noticed that the left menu ul#leftnav li {width: 110px ...} overflows its parent div.navbar {width: 97px ...} so that the cascade of overflow:hidden in the ancestors div.navbar, div.Nav-Box, div.Page-Box should be deleted for debugging via *{overflow:visible !important;} and ul#leftnav should be more stable with zoom:1; applied. let me know if it makes a difference. Ingo -- http://www.satzansatz.de/css.html __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Peekaboo bug?
I am reposting this only because I don't know what the protocol is for placing Site Check in your subject line is, i.e. I didn't know if that was to get comments or to show a problem. Anyway, we are on deadline and wanted to get help with this possible bug: http://www.haroldstevens.com/redesign/contact.html We are having a problem with one of our sites wherein the left nav shifts either on load or refresh (i.e. if you cannot get it immediately then refresh and you will see the probelm). This is only in IE and looks like it might be an instance of the Peekaboo bug. But we already have code in place to handle that. Can you check it for us? Thanks in advance. -- Jonathan Berry, M.A. IT Consultant 619.306.1712(m) [EMAIL PROTECTED] www.mindarc.com --- This E-mail is covered by the Electronic Communications Privacy Act, 18 U.S.C. ?? 2510-2521 and is legally privileged. This information is confidential information and is intended only for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any dissemination, distribution or copying of this communication is strictly prohibited. --- -- Jonathan Berry, M.A. IT Consultant 619.306.1712(m) [EMAIL PROTECTED] www.mindarc.com --- This E-mail is covered by the Electronic Communications Privacy Act, 18 U.S.C. ?? 2510-2521 and is legally privileged. This information is confidential information and is intended only for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any dissemination, distribution or copying of this communication is strictly prohibited. --- __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Peekaboo bug? - harolds
Jonathan Berry wrote: http://www.haroldstevens.com/redesign/contact.html http://mrmazda.no-ip.com/SS/jonab1.jpg I wouldn't worry so much about peekaboo as your visitors' first reaction hitting the back button. Who can or wants to read text 3/8 the size of their default (.text-box {font-size: 62%;})? http://members.ij.net/mrmazda/auth/area60.html Browser makers provide users with a preference adjustment precisely so that they can optimize to the size that best suits them. So, defer to what your users prefer, leaving your content's P text unsized, or reinforcing it with an explicit font-size: medium. Too small text is the #1 complaint from web users: http://www.useit.com/alertbox/designmistakes.html See also: http://members.ij.net/mrmazda/auth/defaultsize.html http://members.ij.net/mrmazda/auth/Font/font-size-quotes.html http://members.ij.net/mrmazda/auth/accessibility.html -- Jesus Christ is the reason for the season. Team OS/2 ** Reg. Linux User #211409 Felix Miata *** http://members.ij.net/mrmazda/auth/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Peekaboo bug? - harolds
Browser makers provide users with a preference adjustment precisely so that they can optimize to the size that best suits them. So, defer to what your users prefer, leaving your content's P text unsized, or reinforcing it with an explicit font-size: medium. Too small text is the #1 complaint from web users: http://www.useit.com/alertbox/designmistakes.html Felix Miata The phrase Too small text is the #1 complaint from web users, while it may or may not be true, is a gross extrapolation from the link provided as support. It would be more accurate to say that the #1 complaint of subscribers to Jakob Nielson's Newsletter who responded to a survey directed at them is... Regards, Ron __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Peekaboo bug?
Jonathan Berry wrote: http://www.haroldstevens.com/redesign/contact.html Trying to access your page with text zoom maximized freezes IE here. With zoom set to middle the page loads and shows the problem you described. Changing the zoom by one step, reloading the page and changin again freezes it here too. If it freezes at your side too with this manipulations, you should try to minimize your page, drop all that js stuff, remove all html comments. Then remove the elements step by step to encircle the problem. Such a freeze/loop is often caused in IE by tight float settings which tend to cause duplicated chars. Ingo -- http://www.satzansatz.de/css.html __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Peekaboo bug? - harolds - Jakob's - OT
(My original reply was an accidental CC here, sorry.) Pringle, Ron wrote: It would be more accurate to say that the #1 complaint of subscribers to Jakob Nielson's Newsletter who responded to a survey directed at them is... Precisely the kind of people who care about web accessibility and usability, hardly a bad sample, and certainly a better sample than one taken entirely from among the population of web designers. It certainly agrees with my experience discussing the issue with people whose puters I'm fixing. -- Jesus Christ is the reason for the season. Team OS/2 ** Reg. Linux User #211409 Felix Miata *** http://members.ij.net/mrmazda/auth/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Peekaboo bug?
Jonathan Berry wrote: http://www.haroldstevens.com/redesign/contact.html Trying to access your page with text zoom maximized freezes IE here. With zoom set to middle the page loads and shows the problem you described. Changing the zoom by one step, reloading the page and changin again freezes it here too. If it freezes at your side too with this manipulations, you should try to minimize your page, drop all that js stuff, remove all html comments. Then remove the elements step by step to encircle the problem. Such a freeze/loop is often caused in IE by tight float settings which tend to cause duplicated chars. Ingo +1 on Ingo's observations. I get the same freezing effect when changing the zoom levels in IE. As the page draws the header in, I'd look at the comments right before, and then the code pertaining to the main table you're using for layout (and the div enclosing it), followed by the code for that lefthand nav. I encountered a similar bug on my site which Ingo was thankfully able to isolate after much teeth gnashing. In my case it turned out to be the duplicate characters bug trying to apply itself to an empty div, causing some sort of infinite loop. That may not apply in your case, but I'd pay attention to those comments I mentioned above as a possible first step. Regards, Ron __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Peekaboo bug? - harolds - Jakob's - OT
Felix and Ron wrote stuff about fonts and usability which essentially has nothing to do with CSS STOP! You have entered holy war territory. Proceed directly to the wiki pages and channel your energy into expanding the pages there on using fonts. Feel free to add as much opinion as you like but please refrain from continuing this thread. Remember: every time a moderator is compelled to send an essentially pointless Don't post a message that you know you shouldn't warning to every single member of the list (that's 6808 right here, right now), a kitten dies. Seriously, please stick to the practical application of css and actually answer the specific questions that people ask. Alex css-d moderator __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Peekaboo bug?
Jonathan Berry wrote: We are having a problem with one of our sites wherein the left nav shifts either on load or refresh (i.e. if you cannot get it immediately then refresh and you will see the probelm). This is only in IE and looks like it might be an instance of the Peekaboo bug. But we already have code in place to handle that. Can you check it for us? Thanks in advance. Well, it does look like the Peekaboo bug, but as you say, there seem to be several things in place that should fix it such as fixed width and height and position: relative in likely places, not to mention the Holly hack popping up here and there. Since your html doesn't validate, can't validate your CSS either. Perhaps this would be somewhere to start, since obvious causes elude detection? Best I can humbly offer is to consider what other elements could be triggering it, and put position: relative on everything with angle brackets... (like seriously - spray a copy of the page with it, and see if the problem goes away. Then you can prune it all back and see if the offending element becomes obvious. Not so scientific, but could be worth a go if time is short?) Also perhaps worth investigating - what happens if you remove the backgrounds from the elements concerned? Can these be applied anywhere else? hth Cheers Ian PS - What's with the float: none; on the .Nav-Box element? -- _ zStudio - Web development and accessibility http://zStudio.co.uk Snippetz.net BETA - Online code library File, manage and re-use your code snippets online http://snippetz.net __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Peekaboo bug? - harolds
Jonathan Berry wrote: http://www.haroldstevens.com/redesign/contact.html When I kick the font size up one step in Firefox 1.5, the Click here to view a printable version starts to hide under the Visit our showroom area. Another step makes the printable version link disappear completely and a vertical scroll bar appear beside the images. At my default font size, the Diamond Technology link cuts off at the g (it doesn't wrap). -- David [EMAIL PROTECTED] authenticity, honesty, community __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Peekaboo bug?
Thank you to all who commented. This site is one of our templated sites from our Infosites group. They use the same code/CSS for all their sites, but something was disturbed with this new one. The issues about font size/zooming are something that I will have to investigate with our other sites in this category and talk to their design team about. (The designer of this particular site is on vacation so I was left with trying to help them with this.) I will try the fixes tomorrow and post back my results. Thank you again for all the help. On 12/22/05, Ian Anderson [EMAIL PROTECTED] wrote: Jonathan Berry wrote: We are having a problem with one of our sites wherein the left nav shifts either on load or refresh (i.e. if you cannot get it immediately then refresh and you will see the probelm). This is only in IE and looks like it might be an instance of the Peekaboo bug. But we already have code in place to handle that. Can you check it for us? Thanks in advance. Well, it does look like the Peekaboo bug, but as you say, there seem to be several things in place that should fix it such as fixed width and height and position: relative in likely places, not to mention the Holly hack popping up here and there. Since your html doesn't validate, can't validate your CSS either. Perhaps this would be somewhere to start, since obvious causes elude detection? Best I can humbly offer is to consider what other elements could be triggering it, and put position: relative on everything with angle brackets... (like seriously - spray a copy of the page with it, and see if the problem goes away. Then you can prune it all back and see if the offending element becomes obvious. Not so scientific, but could be worth a go if time is short?) Also perhaps worth investigating - what happens if you remove the backgrounds from the elements concerned? Can these be applied anywhere else? hth Cheers Ian PS - What's with the float: none; on the .Nav-Box element? -- _ zStudio - Web development and accessibility http://zStudio.co.uk Snippetz.net BETA - Online code library File, manage and re-use your code snippets online http://snippetz.net -- Jonathan Berry, M.A. IT Consultant 619.306.1712(m) [EMAIL PROTECTED] www.mindarc.com --- This E-mail is covered by the Electronic Communications Privacy Act, 18 U.S.C. ?? 2510-2521 and is legally privileged. This information is confidential information and is intended only for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any dissemination, distribution or copying of this communication is strictly prohibited. --- __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Peekaboo bug?
Hi Jonathan, What I get here when I reload the page in IE6 is a crash. Once the initial load crashed the browser. The second time, the page loaded ok (probably from the cache) but when re-loaded the browser hung up after loading the header. In Firefox, I get a flicker when the page loads. In the past when I've had this problem, it was due to not having image heights and widths specified. Once I fixed that, no more flicker. HTH, Bill -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Jonathan Berry Sent: Thursday, December 22, 2005 12:21 PM To: css-d@lists.css-discuss.org Subject: [css-d] Peekaboo bug? I am reposting this only because I don't know what the protocol is for placing Site Check in your subject line is, i.e. I didn't know if that was to get comments or to show a problem. Anyway, we are on deadline and wanted to get help with this possible bug: http://www.haroldstevens.com/redesign/contact.html We are having a problem with one of our sites wherein the left nav shifts either on load or refresh (i.e. if you cannot get it immediately then refresh and you will see the probelm). This is only in IE and looks like it might be an instance of the Peekaboo bug. But we already have code in place to handle that. Can you check it for us? Thanks in advance. -- Jonathan Berry, M.A. IT Consultant 619.306.1712(m) [EMAIL PROTECTED] www.mindarc.com --- This E-mail is covered by the Electronic Communications Privacy Act, 18 U.S.C. ?? 2510-2521 and is legally privileged. This information is confidential information and is intended only for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any dissemination, distribution or copying of this communication is strictly prohibited. --- -- Jonathan Berry, M.A. IT Consultant 619.306.1712(m) [EMAIL PROTECTED] www.mindarc.com --- This E-mail is covered by the Electronic Communications Privacy Act, 18 U.S.C. ?? 2510-2521 and is legally privileged. This information is confidential information and is intended only for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any dissemination, distribution or copying of this communication is strictly prohibited. --- __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] peekaboo bug? and other oddities
hey all, i've been trying to work out some IE bugs for my css for a while now and I can't quite figure out how to fix it. I expect that the problem is the peekaboo bug, but I haven't been able to get the holly hack to work. i am using roger johansson's js custom boxes script to add drop shadows. in the menu and the content area, i am applying inverted drop shadows so that adjacent boxes will get a shadow effect. in the menu, i am getting disappearing links. in the content area, the white background is not being applied and is showing parts of images that should be covered. things look as they should in FF. I have also been having trouble with bottom spacing and margins that are getting much larger in IE than in other browsers. you will notice in both the content area and on the wrapper. link to the test space is below. help if you can! thanks. http://www.sccs.swarthmore.edu/users/07/jyamada1/cycle/index_fluid.html p.s. a final side problem is that I haven't been able to figure a way to get an offset on the border shadow on the right. any ideas would be appreciated! __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
RE: [css-d] Peekaboo Bug?
Steve Bryant wrote: I am working on converting my site to CSS and I think that I have run into the peekaboo bug on IE6. I tried to implement the Holly Hack to fix the bug, but I haven't been able to get it to work. http://www.bryantwebconsulting.com/index.cfm?page=Newsuselayout=CSS I see that you tried to apply the Holly hack to your main container. I would try to apply it to #content as well (this will trigger the MS float model, but should not have negative side effects.) hth, Bruno __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/