[css-d] IE positioning problem (background in list element)
Hi, everyone! I'm just having a small but perplexing layout problem in IE (7, at least...I haven't looked lower) -- The page is here: http://www.rchseaglesnest.org The area in question is in the bottom left-hand corner, labeled Recent Comments. In Firefox, the avatar icons appear where I want them to: the little triangle bit is in line with the first line of text. In IE, the triangle is raised above the text. The avatar icons may be a red herring -- the triangle is the background of an li element, positioned a fixed distance in from the edge (the width of the avatars). The avatar icons are absolutely positioned in the corner of the li. Here's the stylesheet: http://rchseaglesnest.org/wp-content/themes/eaglesnest/style.css (Search for below-video to find the applicable section.) I really appreciate any insights on this -- I'm stumped! Thanks! Jeff. __ 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] IE positioning problem (background in list element)
Jeff Ferrell wrote: Hi, everyone! I'm just having a small but perplexing layout problem in IE (7, at least...I haven't looked lower) -- As long as nobody on this high school uses IE6, its ok. Those who do probably have to get used to that page. The page is here: http://www.rchseaglesnest.org The area in question is in the bottom left-hand corner, labeled Recent Comments. In Firefox, the avatar icons appear where I want them to: the little triangle bit is in line with the first line of text. In IE, the triangle is raised above the text. Add haslayout to #below-video ul li Ingo -- http://www.satzansatz.de/css.html http://www.dolphinsback.com __ 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/
[css-d] missing scrollbars
Hello, I have developed a site that has copy that overflows the browser window but the web browser does not draw scrollbars. I have tried overflow: auto; in my body tag but that only draws ghost scrollbars. Any suggestions? Norman --- Norman Fournier 604 514 1587 [EMAIL PROTECTED] http://www.normanfournier.com __ 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] missing scrollbars
On 2 Aug 2008, at 19:21, Norman Fournier wrote: ...copy that overflows the browser window but the web browser does not draw scrollbars. I have tried overflow: auto; in my body tag... Any suggestions? Yes. Please make the site, or a page from the site which exhibits the described behaviour, available online and provide a link. Jonny __ 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] missing scrollbars
My apologies. Here is the link: http://www.tenplaters.com/audio.html Here is the css: http://www.tenplaters.com/tenplaters08.css Thanks a million! Norman On 2-Aug-08, at 12:15 PM, Jonny Stephens wrote: On 2 Aug 2008, at 19:21, Norman Fournier wrote: ...copy that overflows the browser window but the web browser does not draw scrollbars. I have tried overflow: auto; in my body tag... Any suggestions? Yes. Please make the site, or a page from the site which exhibits the described behaviour, available online and provide a link. Jonny __ 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/ --- Norman Fournier 604 514 1587 [EMAIL PROTECTED] http://www.normanfournier.com __ 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] missing scrollbars
My apologies. Here is the link: http://www.tenplaters.com/audio.html Here is the css: http://www.tenplaters.com/tenplaters08.css Remove the position:fixed declarations you have in there -- Regards, Thierry | http://www.TJKDesign.com __ 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/
[css-d] Overflow: hidden in IE?
Hi! I've got one final question, and it's a doozy. If someone would be willing to wade through this, I'd be extremely grateful (and somewhat surprised, actually!) On this page, again: http://www.rchseaglesnest.org -- about midway down is a sports section. It's using Bill Scott's ycarousel code (http://billwscott.com/carousel/ ) to do the sliding from side-to-side. The code's about as stock out-of-the-box as it gets. I've done very little tweaking, and the content's all hard-wired (for now) into the web page, so it's maybe not too bad to follow. The problem is, it works as expected in Firefox and Opera (the sliding boxes should be cut off before the sidebar) -- but in IE7, the div that *should* be hidden appears all the way across the page. (Well, that's inaccurate. It's actually hidden on the left side, but not on the right, which makes things more confusing, I think.) In Safari (Mac, at least), there's a different problem -- the sliding boxes appear as a 50px slice at the left-hand side of the Sports div. Hardly any of it is visible at all! I'm asking here because I'm pretty certain it's a problem with my stylesheet, and not the javascript, since it functions well in every browser -- it's just the *display* that's broken. Like I said, it's probably a bear to try to weed through... I've been poking it for a while, leaving it for days and coming back, but nothing I can think to do fixes it. For quick reference, if necessary, the main stylesheet is here: http://rchseaglesnest.org/wp-content/themes/eaglesnest/style.css (a search within for carousel will jump to the appropriate section) The stylesheet that ships with ycarousel is here: http://rchseaglesnest.org/wp-content/themes/eaglesnest/carousel.css but I believe most of those styles are being overridden by mine. Thanks! Jeff. __ 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/