[css-d] div background only partially showing up in IE7
I've been testing this draft page with several platforms/browsers. The #nav div is supposed to show a purple bar above with a horizontal band of images below. For some reason, I'm unable to see the images in IE7, although they show up in all other browsers. Any help would be appreciated: http://www.ambientglow.com/garage/rare/web/web/sample-home.html 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 7 only display issue for background image
Forgot to post the CSS on my former post. IE7 doesn't seem to want to display the full background image in my #nav div on this draft page: http://www.ambientglow.com/garage/rare/web/web/sample-home.html Here's the CSS: ://www.ambientglow.com/garage/rare/web/web/_css/rare-home.css I revised the CSS to adjust the height of the #header (which contains the #nav div) and remove the #header background image with the result that it displays fine in IE7 but has a bottom white space of appx 117px in other browsers: http://www.ambientglow.com/garage/rare/web/web/sample-home1.html Here's the CSS: http://www.ambientglow.com/garage/rare/web/web/_css/rare-home1.css Is there some way to write a conditional rule just for IE7 in regards to the #header #nav div? Or is there some other way to correct this? Many 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] IE 7 only display issue for background image
Thanks for that fix. Unfortunately, it still isn't displaying correctly in IE7 (it's only IE7 apparently). Now the images show, but the bottom of the image bar is cut off. If I extend the height to display the entire image in IE7, then I've got the white space problem underneath. I'm stumped. Peg On Jan 26, 2008 4:54 PM, David Laakso <[EMAIL PROTECTED]> wrote: > Peggy Coats wrote: > > > > IE7 doesn't seem to want to display the full background image in my > > #nav div on this draft page: > > > > I revised the CSS to adjust the height of the #header (which contains > > the #nav div) and remove the #header background image with the result > > that it displays fine in IE7 but has a bottom white space of appx > > 117px in other browsers: > > http://www.ambientglow.com/garage/rare/web/web/sample-home1.html > > > > Peg > > > > > > #outerWrapper #header { > height: 286px; <- :: re-set from 403 to 286 :: > } > > Best, > ~dL > > -- > http://chelseacreekstudio.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] IE 7 only display issue for background image
On Jan 26, 2008 5:21 PM, David Laakso <[EMAIL PROTECTED]> wrote: > > David Laakso wrote: > > David Laakso wrote: > >> Peggy Coats wrote: > >>> IE7 doesn't seem to want to display the full background image in my > >>> #nav div on this draft page: > >>> > >>> I revised the CSS to adjust the height of the #header (which contains > >>> the #nav div) and remove the #header background image with the result > >>> that it displays fine in IE7 but has a bottom white space of appx > >>> 117px in other browsers: > >>> http://www.ambientglow.com/garage/rare/web/web/sample-home1.html > >>> > >>> Peg > >>> > >> > >> #outerWrapper #header { > >> height: 286px; <- :: re-set from 403 to 286 :: > >> } > >> > >> Best, > >> ~dL > >> > > > > Oh, my. My bad. That will never do. You're going to need a pro to fix > > that one. > > > > Regards, > > ~dL > > > > > > I'm having a bad evening. > Not declaring a height seems to work in IE6, IE7, and FF on this end. > #outerWrapper #header { > height: 403px; <- :: comment out or delete :: > } > > Oh you are a life saver! That is so strange to me that it would work w/o a height declaration, but it seems to be a.o.k. now in both Windows and Mac. Thank you so much! Hopefully this will improve your evening ;-) 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] padding problem
Can't figure out what I'm missing here: http://www.ambientglow.com/garage/pmsca/web/sample-index.html css: http://www.ambientglow.com/garage/pmsca/web/_css/pmsca-home.css I want the three horizontal divs -- header, content wrapper, and footer -- to be flush with each other, yet I've got white space in the content wrapper between header and footer, and, within content wrapper, space between the two divs -- homepic and homename. I've got padding and margins everywhere set to "0" -- what have I forgotten? 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] setting transparency on Spry menu in IE7
I'm working out the kinks on a draft page with a horizontal Spry menu: page: http://www.ambientglow.com/garage/pmsca/web/sample-index.html Spry menu css: http://www.ambientglow.com/garage/pmsca/web/SpryAssets/SpryMenuBarHorizontal.css The background should be transparent (to show background image) , but is showing up as white in IE7. Anyone know how to fix this? Many 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] setting transparency on Spry menu in IE7 -- NEVERMIND!
got this one figured out, so ignore previous request. 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] submenu height not displaying fully in FF, Safari
Still working on this draft page and having a problem with display in FF (both IE and Mac) and Safari: page -- http://www.ambientglow.com/garage/pmsca/web/sample-index.html menu css -- http://www.ambientglow.com/garage/pmsca/web/SpryAssets/SpryMenuBarHorizontal.css When I mouseover the menu item, it displays the submenu list, but is cutting off the last item -- if you keep moving your mouse down you find it, but it's not visible automatically. Any ideas for a fix on this one? 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] text in menu display problem
I have a client who is using IE 6 on a laptop. When she views this draft HOME page, the menu text appears as it should: orange-yellow lettering on a progressively shaded bar background. http://www.ambientglow.com/garage/pmsca/web/index.html On the draft INSIDE pages, however, she says that the text on the navigation (including drop-downs) is dark brown on some entries and orange-yellow on others: http://www.ambientglow.com/garage/pmsca/web/sub-who/PMSCA/p-today.html Since the CSS and html for the menu is identical on all pages, I'm really stumped as to what could be causing this display issue. The darker brown color she sees on the inside page menu text is very similar to the a:link style for the inside page CSS, so I'm wondering if somehow something is getting crossed? Here is the CSS for the menu: http://www.ambientglow.com/garage/pmsca/web/SpryAssets/SpryMenuBarHorizontal.css and for the page: http://www.ambientglow.com/garage/pmsca/web/_css/pmsca-inside.css Any help would be appreciated. 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] random image load
I'm working on a page with a background image in one of the divs (#outerWrapper #contentWrapper #content #homepic ): http://www.ambientglow.com/garage/pmsca/web/index.html My client would like to have the page randomly load a background image, instead of having a static image. Is there a way to do this with CSS? 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] avoiding text scrolling over portion of background image
Questions on this draft page I'm working on: Page: http://www.ambientglow.com/garage/gearhart/Web/sample.html Css: http://www.ambientglow.com/garage/gearhart/Web/css/gearhart.css I'm using a background image in the #content which basically fills in the bottom of the logo used in the #banner. Because the area is fixed in size, I'm using a scroll overflow, but then what happens is the text scrolls over the bottom of the logo when it moves up. Is there any way to keep the scroll portion fixed in place, so it doesn't move over the image? Or, barring that, is there a way to style the text, perhaps in another div, to accomplish this? OrI'm completely open to suggestion! Thanks in advance, Peg __ 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] Div askew
any idea why IE 7 is throwing off the content div to the right on this site-in-progress? site: http://ambientglow.com/garage/priestess/web/index.html CSS: http://www.ambientglow.com/garage/priestess/web/css/priestess.css Thanks, Peg __ 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] page check please, 2nd request
any idea why IE 6 and 7 are throwing off the content div to the right on this site-in-progress? site: http://ambientglow.com/garage/priestess/web/index.html CSS: http://www.ambientglow.com/garage/priestess/web/css/priestess.css Thanks, Peg __ 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] page check please, 2nd request
Thanks Audra and Marc -- I'm still working through how positioning works, so this is a good lesson for me. I appreciate you both taking the time to plow through the code and help me out. Peg On 6/19/07, Audra Coldiron <[EMAIL PROTECTED]> wrote: > Peggy Coats wrote: > > any idea why IE 6 and 7 are throwing off the content div to the right on > > this > > site-in-progress? > > > > site: http://ambientglow.com/garage/priestess/web/index.html > > > > CSS: http://www.ambientglow.com/garage/priestess/web/css/priestess.css > > Hi Peg. You'll need to change quite a bit. Take a look at this revised > CSS and the comments. In most cases here you were doing too much > positioning when simply using margin would work better and cause the div > that follow to automatically adjust. I didn't check these changes in > IE7, but it looks the same in IE6 and FF2: > > -- > Audra Coldiron > > Rock-n-Roll Design & Hosting > http://rock-n-roll-design.com > > KarmaCMS ( http://karmawizard.com ) - the ultimate CSS styled CMS. > Pre-made designs, designer tools, and reseller program available! > __ 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] P7 menu -- drops behind div
I'm having a problem with the P7 CSS menu on this page: http://ambientglow.com/garage/floorguy/Web/sample.html The drop-down menu (which only drops down on "Your Floor Choices"), seems to want to go behind the #content div. I've had this happen with embedded objects, like Flash movies, but don't know quite how to fix it with straight html. Any ideas? Thanks, Peg ambientglow __ 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] P7 menu -- drops behind div -- BUT ONLY IN NETSCAPE?
I had a problem where the P7 menu was dropping behind the #content div, and, thanks to Gunlaug, got that fixed by adjusting the z-index of the #nav. It seems now to work correctly in all but Netscape browsers. Any suggestions? Here's the page: http://ambientglow.com/garage/floorguy/Web/sample.html# And the css: http://ambientglow.com/garage/floorguy/Web/css/FloorGuy.css http://ambientglow.com/garage/floorguy/Web/p7exp/p7exp.css Thanks! Peg __ 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] jumping lists
I'm working on a site redesign, and am experiencing some "jump" in the navigation menu (vertical drop-down). Can anybody help me figure out how to smooth this out? Here's the url: http://www.ambientglow.com/garage/glow/index.html Here's the css for the menu: http://www.ambientglow.com/garage/glow/_css/glow-menu.css here's the css for the page: http://www.ambientglow.com/garage/glow/_css/glow.css Any suggestions are appreciated! Thanks, Peg __ 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] P7 menu drops behind div in IE 6
I think the menu in this draft page is working in all but IE 6, where it wants to drop behind the #content div -- any idea how to fix? Page: http://ambientglow.com/garage/floorguy/Cweb/index.html site css: http://ambientglow.com/garage/floorguy/Cweb/_css/concreteguy.css p7 css: http://ambientglow.com/garage/floorguy/Cweb/_p7exp/p7exp.css Thanks, Peg ambientglow.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] switching text size
I need a way for the viewer to change text size on a page -- the idea would be that "somehow" by clicking an "increase size" or "decrease size" link the text could be scaled up or down. I've googled and haven't really come up with much useful. Found a "zoom.js" which I couldn't figure out how to use, and a css solution that won't work because it requires resizing the entire wrapper div (which I need to keep at a fixed size due to background images). anybody have any ideas? 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] switching text size
Yes, we know that, but unfortunately a lot of people don't -- especially elderly folks who have vision issues and aren't as technology savvy ;-) P. On 9/13/07, David Dorward <[EMAIL PROTECTED]> wrote: > On 13/09/2007, Peggy Coats <[EMAIL PROTECTED]> wrote: > > I need a way for the viewer to change text size on a page > > I can't think of any popular web browser which doesn't have that > feature built it (just don't use pixel or point font sizes as they > cripple it in Internet Explorer (to various degrees depending on the > version)) > > -- > David Dorward <http://dorward.me.uk><http://blog.dorward.me.uk> > __ > 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-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] switching text size
Michael, Ross, Bob -- thank you for the links. Exactly what I needed. Peg On 9/13/07, Ross Hulford <[EMAIL PROTECTED]> wrote: > http://www.dyn-web.com/dhtml/sizefont/index.php#examples > > http://www.white-hat-web-design.co.uk/articles/js-fontsize.php > > __ > 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-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] jumpy page/won't scroll down in IE
I'm having a problem on this site in IE : http://www.ripeforretirement.com/ Here is the CSS: http://www.ripeforretirement.com/css/ripe.css For some reason, I can't scroll down to the bottom of the page -- it just kind of "jumps" around when attempting to do so. I have a feeling it might be related to the javascript for the font enlargement, but not really sure. No one seems to be experiencing the problem in other browsers. Anybody have any ideas? 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] jumpy page/won't scroll down in IE
On 10/14/07, Gunlaug Sørtun <[EMAIL PROTECTED]> wrote: > Peggy Coats wrote: > > I'm having a problem on this site in IE : > > http://www.ripeforretirement.com/ > > > For some reason, I can't scroll down to the bottom of the page -- it > > just kind of "jumps" around when attempting to do so. I have a > > feeling it might be related to the javascript for the font > > enlargement, but not really sure. > > The 'js/equalcolumns.js' is bugging IE/win ... it can't get past its > artificial bottom, and the footer is below. > "Kill" the script and IE/win will do fine, or check out the conditions > the script is supposed to work under and adjust your layout to it. > > regards > Georg Thanks -- removing the equalcolumns.js did the trick. I had that in there originally and then decided not to use the js because the columns were working fine w/o, but neglected to remove it from the pages. 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] center column on one page in site not aligning in IE
Got my no-scroll fixed on this site (thanks Walt and Gunlaug), but now have ONE page where the #content (middle column) drops down below the right and left columns: http://www.ripeforretirement.com/contact.php Not sure what is causing this (and it only seems to be happening in IE). Page is using the same stylesheet as the rest of the site. Any ideas? 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] jumpy page/won't scroll down in IE
On 10/14/07, David Hucklesby <[EMAIL PROTECTED]> wrote: > On Sun, 14 Oct 2007 11:07:10 -0700, Peggy Coats wrote: > > I'm having a problem on this site in IE : > > http://www.ripeforretirement.com/ Here is > > the CSS: http://www.ripeforretirement.com/css/ripe.css > > > > For some reason, I can't scroll down to the bottom of the page -- it just > > kind of > > "jumps" around when attempting to do so. I have a feeling it might be > > related to the > > javascript for the font enlargement, but not really sure. No one seems to > > be > > experiencing the problem in other browsers. > > > > Anybody have any ideas? > > > > I am not seeing any scrolling problem this end, Peggy. Can you tell us > which browser version and platform you are using? I tried IE6 and IE7 > here on Windows xp pro. > > There does seem to be a layout problem in IE though. Here's a screen > shot: > > <http://webwiz.robinshosting.com/temp/images/ripe-ie7.png> > > (Sorry about the 8-bit colors, though. Your actual page looks much nicer.) > > Cordially, > David > -- HI David, I got the jumping/no-scroll problem fixed by elminating a javascript call. It was only an issue in IE 6 and IE 7. thanks for the screenshot -- it looks like you've enlarged the font size (I hope it's not defaulting to that!) I know that on the largest font increase the text will sometimes hide behind the nav bar (as it appears to be doing here). Not sure how to get around that! 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] CSS validation question
When I'm validating my CSS, I keep getting warnings such as listed below using the W3C validation service: - Line : 5 (Level : 1) You have no color with your background-color : body - Line : 11 (Level : 1) You have no color with your background-color : #content - Line : 29 (Level : 1) You have no background-color with your color : h2 - Line : 36 (Level : 1) You have no background-color with your color : #text - Line : 55 (Level : 1) You have no background-color with your color : #nav In each of these instances I DO have the color attritubes identified with a hex code, and the respective element validates later in the results. I'm confused! Am I missing something here? Thanks, Peg __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] help with float positioning problem
This is probably really simple, but I can't seem to figure it out today. I have content and navigation divs, floated left and right, respectively. The navigation should be at the upper right, under the header banner. Everything displays as it should in FF, but in IE, the navigation is at the lower right. page: http://www.ambientglow.com/garage/wakeup/web/about.html css: http://www.ambientglow.com/garage/wakeup/web/inside.css Any helpful ideas? Thanks, Peg __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] help with float positioning problem
Thanks! That did the trick! I'm still pretty new at this and had forgotten that the inherited divs would affect the parent, so adjusting the margin for the padding worked perfectly. As for the IE italics thing -- jeez! Peg On 7/21/06, Gunlaug Sørtun <[EMAIL PROTECTED]> wrote: > > Peggy Coats wrote: > > This is probably really simple, but I can't seem to figure it out > > today. I have content and navigation divs, floated left and right, > > respectively. The navigation should be at the upper right, under the > > header banner. Everything displays as it should in FF, but in IE, the > > navigation is at the lower right. > > > > page: http://www.ambientglow.com/garage/wakeup/web/about.html > > You have met at least a couple of IE-bugs in there :-) > > In #content: the /italic/ bug[1]. > > In #nav: a 20px padding-left on ul and a 200px width on li, makes the > list 220px wide - and #nav is only 200px wide. IE/win can't overflow, so > the #nav is expanded to 220px in width. > > Either of these two bugs makes the two floating containers run out of > space - in IE only, and the result is the float-drop you're experiencing. > > Georg > > [1]http://www.positioniseverything.net/explorer/italicbug-ie.html > > __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] CSS sidebar question
I've got a new page in progress: http://ambientglow.com/RV/sample.html What I want to do is have the vertical colored sidebar, which is set up as a separate div, automatically size itself to the same height as the Content div (where all the text is). At the moment I just have a height specified of 500px as a placeholder so the sidebar will show. The CSS is here: http://ambientglow.com/RV/css/inside.css Any idea how I can do this? I'm still new to this -- do I need to make it relative vs. absolute positioning? Or...? Thanks, pc __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] CSS sidebar question
Thank you; that makes sense and is a very workable solution! I've also been experimenting with eliminating the sidebar completely (it's just there to have a vertical band of color) and putting a repeating left-aligned background image in the main content area that is 35 pixels wide and the appropriate color. Peg On 10/6/06, Gunlaug Sørtun <[EMAIL PROTECTED]> wrote: > > Peggy Coats wrote: > > http://ambientglow.com/RV/sample.html > > > > What I want to do is have the vertical colored sidebar, which is set up > as a > > separate div, automatically size itself to the same height as the > Content > > div (where all the text is). > > Basically: don't 'position' anythingthing, and "fake" the look you're > after. > > A simple example - using your page as base... > <http://www.gunlaug.no/tos/alien/test_7310.html> > <http://www.gunlaug.no/tos/alien/inside02.css> > ...shows that an auto-expanding wrapper takes care of the "same height" > problem in a 'flow and float' layout. You can fill the separate, vertical, > sidebar as you like, but there isn't much space in a 39px wide sidebar. > > > regards > -- > http://www.gunlaug.no > __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] CSS sidebar question
Hey, thanks! This definitely opens up some new possibilities for me. I appreciate the help, P. On 10/6/06, Gunlaug Sørtun <[EMAIL PROTECTED]> wrote: > > Peggy Coats wrote: > > > I've also been experimenting with eliminating the sidebar completely > > (it's just there to have a vertical band of color) and putting a > > repeating left-aligned background image in the main content area that > > is 35 pixels wide and the appropriate color. > > The #wrapper can carry that background-image, so no changes to the > content area is needed. Take a new look at... > <http://www.gunlaug.no/tos/alien/test_7310.html> > ...(same CSS) where I have added something I found suitable for the > example. > I have only set #Side-Services to 'display: none' (since I am > lazy), but you can take that #Side-Services sidebar-div out of the HTML > since it doesn't really have a purpose. > The added background on #Nav-Services covers the sidebar-decoration, or > you can leave #Nav-Services transparent and see the decoration go up to > the #banner. > Many choices... > > regards > Georg > -- > http://www.gunlaug.no > __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] div background question
Thanks, David. That is absolutely what I wanted to do and it solves the problem completely. Peg On 11/21/06, David Hucklesby <[EMAIL PROTECTED]> wrote: > > On Tue, 21 Nov 2006 17:12:00 -0800, Peggy Coats wrote: > > I have a background image in my #container div that I would like to > > change on different pages. Is there some way to do this besides > creating > > a separate class for each page (e.g., #container-about, #container- > > contact, etc.)? > > > // > > I'm not sure I understand you, but I _think_ you want to retain just one > ID > for the "container" DIV throughout the site? You could add a class as well > as an ID and target that. Alternative put a class on the BODY tag to > indicate the background image? > > Here's an example of what you might do in the latter case: > > body.azerbaijan #container { > background-image: url(../images/azerbaijan.jpg); > } > body.armenia #container { > background-image: url(../images/armenia.jpg); > } > body.georgia #container { > background-image: url(../images/georgia.jpg); > } > > With a class added instead to the "container" DIV, that would become: > > #container.azerbaijan {background-image: ... etc. > > Please repost with more details if I got this wrong. > > Cordially, > David > -- > www.hucklesby.com > > > > __ 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] dropdown menu won't display over embedded flash movie?
Anybody know how I can fix the CSS drop down nav on this page so it displays over the embedded movie? http://www.ambientglow.com/garage/GFI/web/index.html The css is here: http://www.ambientglow.com/garage/GFI/web/css/inside.css and here: http://www.ambientglow.com/garage/GFI/web/p7exp/p7exp.css Thanks for any assistance! Peg __ 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] dropdown menu won't display over embedded flash movie?
Those are some good reference links, Melissa. Thanks. Unfortunately it doesn't fix the problem (sigh). As long as the movie isn't loaded the drop-downs work; as soon as it is loaded, the menu falls behind the movie. P. On 11/27/06, Melissa Meyer <[EMAIL PROTECTED]> wrote: > Peggy- > > I experienced this same problem. > > Here are some links that I found helpful: > > http://www.anekostudios.com/2006/08/03/son-of-suckerfish-and-flash/ > http://www.xs4all.nl/~peterned/csshover.html > > > If you change the value to "opaque" instead of "window" if might fix it: > > > > More information on that can be found here: > > http://www.communitymx.com/content/article.cfm?cid=E5141&print=true > > Those links should help you out, but you might also search the archives of > this list for csshover.htc as well because I posted with this same question. > > Good luck, > Melissa > > > On 11/27/06 3:08 PM, "Peggy Coats" <[EMAIL PROTECTED]> wrote: > > > Anybody know how I can fix the CSS drop down nav on this page so it displays > > over the embedded movie? > > > > http://www.ambientglow.com/garage/GFI/web/index.html > > > > The css is here: > > > > http://www.ambientglow.com/garage/GFI/web/css/inside.css > > > > and here: > > > > http://www.ambientglow.com/garage/GFI/web/p7exp/p7exp.css > > Thanks for any assistance! > > > > Peg > > __ > > 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] IE doesn't want to display flash in div
I'm having (another) problem with IE on a draft page I'm working on: http://ambientglow.com/garage/nextrac/quiltstec/index.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] IE doesn't want to display flash in div
The markup errors are all related to the embedded flash object parameters -- e.g., what defines the presentation of the movie. Don't know why they show up as errors when Flash creates the html when the movie is exported! It is something about having an embedded object in the that IE doesn't seem to recognize. I've tried inserting text (so there's readable content there) and that doesn't help. I've also tried setting the #slideshow to display:block but that didn't do the trick either. As I mentioned, it seems to work fine in all other browsers, so I'm looking for an IE workaround , if there is one. Thanks, P. On 12/8/06, ~davidLaakso <[EMAIL PROTECTED]> wrote: > Peggy Coats wrote: > > I'm having (another) problem with IE on a draft page I'm working on: > > http://ambientglow.com/garage/nextrac/quiltstec/index.html > I know from nothing about flash-- would it have anything to do with the > markup validation errors? > Regards, > ~dL > > -- > http://chelseacreekstudio.com/ > > __ 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] CSS menu drops behind content div -- how to fix?
I'm using a CSS P7 menu on this draft page and it is dropping down behind the content div. (please don't gag at the graphics! This is a case of satisfying the customer ;-)) http://www.ambientglow.com/garage/nextrac/nextrac/css-sampleinside.html css: http://www.ambientglow.com/garage/nextrac/nextrac/css/main.css and http://www.ambientglow.com/garage/nextrac/nextrac/p7exp/p7exp.css I've tried using the suckerfish solution of applying "clear:both" to the #content-inside div but that doesn't help. I can't figure out what the problem is, since I used this same menu and css successfully in a recent site where the menu drops over the content: http://globalfairness.org/involved/involved.html and css: http://globalfairness.org/css/inside.css Maybe I've suffering brain death, but if anyone has an idea of why it's working in the one site but not the other I'd appreciate it. Thanks, Peg ambientglow.com __ 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] background image makes border and footer disappear
I'm working on a revamp of a site: http://www.ambientglow.com/garage/DT/index.html Each section will have a different "dreamy" collage-type background image -- at the moment only the home and "Contact" page have the image on the page. As you can see, when there is no background image, #footer and the border around #container shows up -- but when I pop the background image in, both disappear. Anybody got any ideas on how to fix this? Thanks, Peg ambientglow.com __ 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] background image makes border and footer disappear
Brian and Rick -- thanks for the z-index solution. I always forget that! Brian, you mentioned that the backgroundimages are best left in the CSS file -- since this would normally be associated with the body tag, and there will be different backgrounds for each main page, how would the CSS be written for this? I know how to do this if writing for a div or class, but not sure how for body. Thanks! Peg On 1/14/07, Brian Riley <[EMAIL PROTECTED]> wrote: > Peggy Coats wrote: > > As you can see, when there is no background image, #footer and the > > border around #container shows up -- but when I pop the background > > image in, both disappear. > > > > Anybody got any ideas on how to fix this? > First off, background images are better left delegated to the CSS file > since they are for presentational purposes only (i.e., not actual > content). But the reason why things are disappearing is #background's > z-index. Just remove that line from the CSS file, and everything should > show up. > > Good luck, > Brian > > -- > Brian Riley > http://www.seventysevendesigns.com > > __ 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] how to hyperlink a background image?
Is there a way to hyperlink a background image (so it takes the visitor to a page in the site?) I've got the logo as a background and want to be able to click-through to the home page. Thanks, Peg __ 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] how to hyperlink a background image?
Thanks for that technique, Matt -- that's a new one for me and very interesting. I was actually referring to the background image. I have the client logo as a bg in the header div. What I wound up doing was putting a transparent .gif there and linking that back to the home page. Many people will click on a page logo to return to the home page, and she wanted that on the site in addition to a text link. Peg On 1/18/07, Matt Dawson <[EMAIL PROTECTED]> wrote: > I think everyone might be misunderstanding her question. > > She may just be referring to image replacement, which is a perfectly valid > technique used all over the place: > http://www.mezzoblue.com/tests/revised-image-replacement/ > > matt > > > > > > i don't think you should do this. Users expect links to be indicated > > visually and if they just click on some part of a page at random and > > it sends them back to your home page they are likely to get all > > frustrated and just go away. Unless you are dealing with a > > specifically limited audience who can learn the convention (say a > > group of folks behind a cooporate firewall), I'd stay away from doing > > this, even if you can. > > > > > > __ 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] how to hyperlink a background image?
Great suggestions Paul, Matt, and Brian -- thanks so much. I will play around with all and see what works best for me. It's nice to have options ;-) Peg ambientglow.com __ 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] Mac pagecheck
Looks great in Mac OS10 Camino, Safari, FF. Peg On 1/20/07, KJ'[EMAIL PROTECTED] <[EMAIL PROTECTED]> wrote: > Hi List, > > I was told that this page doesn't look good in Mac OS9/IE5. I'm not > worried about that but I would like to hear if it has any problems in > more recent Mac browsers? > > http://geekministry.com/cj/index.htm and just the index page is working. > > Thank you > Kim __ 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] photo gallery not appearing in IE6
Anyone have any idea why the photo gallery on this page won't show in IE6? CSS for the gallery is internal on the page. http://www.silverspotink.com/portfolio.html Thanks! Peg ambientglow.com __ 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] sub-menu background not showing up in IE
Anybody have any ideas what I can do to enable the background on the submenus on the site below to show up in IE? They are coded so that the main menus are red (#780D0D) and the submenu backgrounds are olive green (#7D7635). Font color in both is cream (#E5CFA9). In some verisons of IE the olive green sub-menu background color disappears. http://buchic.com Thanks, Peg __ 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] sub-menu background not showing up in IE
Thanks so much -- that did the trick! Peg On 1/27/07, Gunlaug Sørtun <[EMAIL PROTECTED]> wrote: > Peggy Coats wrote: > > IE6 (and older) need a hasLayout trigger on lists. > > Adding... > dd ul {height: 1%;} > ...will do. > > regards > Georg > -- > http://www.gunlaug.no __ 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] mac testing with no mac
Try this: http://www.danvine.com/icapture/ It will capture pages in Safari. Peg ambientglow On 1/31/07, Ido Dekkers <[EMAIL PROTECTED]> wrote: > is there a way ( some kind of emulator) to check if the site is safari > compatible if i have no mac ? > > Thanks > > Ido > __ 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/