[css-d] Probs with background changing position in IE
I've been testing a site on Mac/PC in various browsers, and seem to be having a problem in IE only with the background image shifting position on some of the pages (notably the Neighborhoods link and on the property listings accessed through Properties - Listings) Can anyone help me figure out what the problem/fix is? here's the testing site: http://glowvirtual.com/clients/n-works/web/index.html and the CSS: http://glowvirtual.com/clients/n-works/web/_css/nw-site.css Peg GlowVirtual __ 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/
[css-d] IE7 adding borders to spry menu
IE7 is adding a white border to the right side of the nav dropdowns and centering them with the arrow instead of the words in the navigation for this site-in-progress using a Spry menu -- anybody have a fix for that? site: http://glowvirtual.com/clients/pwp/web/index.html css (home page): http://glowvirtual.com/clients/pwp/web/_css/pwp-home.css css: (inside pages): http://glowvirtual.com/clients/pwp/web/_css/pwp-inside.css Spry css: http://glowvirtual.com/clients/pwp/web/_scripts/SpryMenuBarHorizontal.css Thanks! Peg GlowVirtual __ 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/
[css-d] drop-down menu falling behind div
Can't figure out how to correct this. The #nav contains a spry menu which seems to be dropping behind the #footer div in IE7. Seems to work fine in other browsers, Mac and Win. Here's the page: http://ambientglow.com/garage/ctc/sample.html Here's the css: http://ambientglow.com/garage/ctc/_css/CTCmain.css Thanks! Peg __ 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/
[css-d] drop one div over another?
I'm working on a site and want to have the Wrapper div overlay a portion of the top and bottom divs (which are outside the Wrapper). I've got it working for the top, but can't seem to get it to drop over the bottom by roughly 75 pixels. Here's the page: http://ambientglow.com/garage/glow/sample.html Here's the css: http://ambientglow.com/garage/glow/_css/main.css Anyone have any ideas? Thanks, Peg glowvirtual __ 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/
[css-d] What's your preference -- fluid, elastic, or fixed?
I normally work with fixed layouts because I find that I have more control over the ultimate appearance of the design. But lately I'm becoming more interested in fluid or elastic layouts because of their greater accessibility. So, just out of curiosity -- what's your particular preference and why? Peg ambientglow __ 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] What's your preference -- fluid, elastic, or fixed?
I think of elastic as being a hybrid of fluid and fixed. I hear what you're saying regarding fixed widths and wide screens (like a postage stamp on a coffee table), but that said, one thing I wonder about long-term with fluid layouts and increasing screen size is how to scale content when you've got someone using a gigantic monitor (can you visualize one-line articles stretching across three feet of screen real estate?) Peg On Fri, Jun 5, 2009 at 3:32 AM, Dave Sherohmand...@sherohman.org wrote: On Fri, Jun 05, 2009 at 12:05:35AM -0700, Glow wrote: I normally work with fixed layouts because I find that I have more control over the ultimate appearance of the design. But lately I'm becoming more interested in fluid or elastic layouts because of their greater accessibility. So, just out of curiosity -- what's your particular preference and why? I'm not sure what distinction you make between fluid and elastic, so I'll just answer anything but fixed. Screens are getting both larger and smaller these days, so any fixed width you may choose will either be a narrow strip down a widescreen HD display, a morass of horizontal scrolling on a handheld device, or (more likely) both. Also keep in mind that HTML/CSS presentation is ultimately decided by the browser - the user can disable CSS, apply cusom stylesheets to override your CSS, use a screen reader, etc. - so any control over the ultimate appearance that a fixed width may provide is little more than an illusion anyhow. -- Dave Sherohman __ 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/ __ 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/
[css-d] lack of menu transparency in IE
I'm using a Spry menu for the following site, set with no background. However, in IE, the transparency isn't working (it displays a white background). Can anyone help me sort this out? Sample page: http://ambientglow.com/garage/jaguar/web/sample.html CSS:http://www.ambientglow.com/garage/jaguar/web/_css/jaguarwisdom.css Spry CSS: http://www.ambientglow.com/garage/jaguar/web/_scripts/SpryAssets/SpryMenuBarHorizontal.css Many thanks! Peg ambientglow __ 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/
[css-d] #nav dropping down in FF
I'm having a spot of trouble with either my #nav or #sidebar div on this draft page: page:http://ambientglow.com/garage/bones/web/sample-home.html css: http://ambientglow.com/garage/bones/web/_css/Watson-home.css The #nav is inside #sidbear and contains the navigation image. It seems to display o.k. on Opera and IE7, but in FF, the nav image drops down to the bottom. Same thing in Safari. Help! Peg ambientglow __ 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/
[css-d] content dropping down in IE and graphic not repeating correctly
Having a couple of problems with this draft page in IE: http://ambientglow.com/garage/wadegw/web/ CSS: http://ambientglow.com/garage/wadegw/web/_css/main.css 1. The content div is dropping down below the leftcolumn div. Both should be approximately level with each other 2. The graphic in the bottom div is not displaying completely horizontally across the bottom in IE7. Help! Peg __ 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/
[css-d] how to make columns equal?
How can I make the column lengths equal on leftcolumn1 and content on this page? (e.g. so the left column is not visibly shorter?) http://ambientglow.com/garage/w-w/web/about-crew.html css: http://ambientglow.com/garage/w-w/web/_css/ww-main.css Thanks, Peg ambientglow __ 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/
[css-d] What IS it with IE???? Font and text display problems
Having a couple of problems with these pages in IE -- seems to be o.k. in other browsers: 1. font display in the box1 and box2 should be the same as in the body, but in IE it is not (it's very large) 2. Navigation menu text appears inconsistently or not at all in IE. I know IE 6 doesn't like # as a link, but it's not showing on the real links either. http://ambientglow.com/garage/manz/index-html ...and click through to any of the interior pages css: http://ambientglow.com/garage/manz/_css/citymanz.css My eyes are going buggy from looking at this -- any insights appreciated, as always. Thanks, Peg ambientglow __ 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] 2nd request -- help with IE issue on Navigation
I'm having a problem with the display on the navigation for this page in IE6: http://ambientglow.com/garage/jfogg/sample-home.html css: http://ambientglow.com/garage/jfogg/_css/home.css menu css: http://ambientglow.com/garage/jfogg/SpryAssets/SpryMenuBarHorizontal.css The menu bar appears outside of the footer div which contains it, and the style below is not recognized -- instead the font displays as black. ul.MenuBarHorizontal a { display: block; cursor: pointer; color: #EBEBEB; text-decoration: none; } Any ideas would be appreciated. Thanks, Peg __ 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] IE 6 nav issue
Still trying to work out the wonks on the navigation for this page in IE6: http://ambientglow.com/garage/jfogg/sample-home.html css: http://ambientglow.com/garage/jfogg/_css/home.css menu css: http://ambientglow.com/garage/jfogg/SpryAssets/SpryMenuBarHorizontal.css The menu bar appears outside of the footer div which contains it, and the style below is not recognized -- instead the font displays as black. ul.MenuBarHorizontal a { display: block; cursor: pointer; color: #EBEBEB; text-decoration: none; } __ 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] IE 6 strikes again .....
I had a number of CSS issues with IE on this draft page, but, thanks to Gunlaug's help, most of them are worked out. The page is displaying fine for in IE7, but client says it is splitting in two and the navigation is detached in IE 6. http://ambientglow.com/garage/jfogg/sample-home.html CSS: http://ambientglow.com/garage/jfogg/_css/home.css Any idea on fixes? Thanks! Peg ambientglow __ 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] IE Spry menu wonkiness
Having trouble with a DW Spry horizontal menu bar in IE: http://ambientglow.com/garage/jfogg/inside.html Menu CSS: http://ambientglow.com/garage/jfogg/SpryAssets/SpryMenuBarHorizontal.css Page CSS: http://ambientglow.com/garage/jfogg/_css/inside.css I have inserted background images into the li which show up on all browsers but IE. Also the menu itself is offset correctly from the right side by 65px in all but IE. Anyone have any suggestions? Thanks Peg ambientglow __ 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] Right Column div spacing issues
That did the trick -- thanks! This may help. #contentWrapper {border:1px solid lime;padding-top: 20px;}-- :: add selector to style sheet #outerWrapper #contentWrapper #rightColumn1 { border:1px solid fuchsia;-- :: 4 position only margin-top: 20px;---:: delete padding-top: 20px;- :: delete } #outerWrapper #contentWrapper #content { background-color: red;-- :: 4 position only margin-top: 20px;-:: delete } img {display:block;}-- :: add selector to style sheet (closes gap left for font descenders) Landing on that frozen mousetype in IE 6 and IE 7 is fun. So is scaling it in all versions of Opera with a healthy minimum font-size set.. A thin red line and a salmon-color ampersand forthcoming. http://chelseacreekstudio.com/ On Sun, Nov 16, 2008 at 3:41 AM, David Laakso [EMAIL PROTECTED] wrote: Ambient Glow wrote: Having a couple of problems with the RightColumn1 div on this page: page: http://ambientglow.com/garage/manz/sample-inside.html css: http://ambientglow.com/garage/manz/sample-inside.html Peg __ 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] Right Column div spacing issues
Having a couple of problems with the RightColumn1 div on this page: page: http://ambientglow.com/garage/manz/sample-inside.html css: http://ambientglow.com/garage/manz/sample-inside.html 1. Viewing the page in IE the Content and RightColumn1 divs line up so the tops are parallel with each other. Viewing the page in FF, Opera, Mac, Camino, and Safari (i.e., all the other browsers ;-)) the tops of these divs are not aligned. Any ideas on how to fix this? 2. There is a box div in the RightColumn1. One box contains a photo, the other a table. Any idea on how to eliminate the several-pixel space between the image and the table? I've tried putting the image directly into the box containing the table but that didn't work. Thanks, Peg ambientglow __ 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/