[css-d] VERTICAL 3-pixel gap in IE6
On this page: www.milesquarefabricstudio.com/broken.php IE6 shows a gap between the divs that hold the grey/black band and the one below with the orange background. In all the browsers I've tested in (Opera 9.5, IE7, Firefox 2, Firefox 3b, Webkit) it works as I intended with no gap. This is a problem i've not encountered before and I presume is due in some way to the nested divs that I have had to use to make the design work as the designer intended with a horizontal stretch. CSS here: www.milesquarefabricstudio.com/structure.css and www.milesquarefabricstudio.com/stylesheet.css All advice gratefully received. -- Andrew Frazier www.kidderminsterharriers.com Using Opera's revolutionary e-mail client: http://www.opera.com/m2/ __ 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] Text size issue in IE6 and IE7
Thank you for your help. The fix seems to be when I took margin {0 .06em 0 .06em} out of the main head div. Nancy Johnson On Fri, Mar 14, 2008 at 5:00 PM, Kepler Gelotte [EMAIL PROTECTED] wrote: If you mean: http://www-odi.nhtsa.dot.gov/images/defects_banner.jpg Hold its height, crop its width? You could also resize the image along with the text. In your CSS you currently have: .head img {margin: .19em 0 .19em 0; } Add width and height where 1em = 16px (on most monitors) at 100%: .head img {margin: .19em 0 .19em 0; width: 41.3125em; height: 3.125em; } 41.3125 * 16 = 661 3.125 * 16 = 50 Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 www.neighborwebmaster.com phone/fax: (732) 302-0904 __ 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] VERTICAL 3-pixel gap in IE6
Hello, IE6 doesn't like empty DIVs. It computes it's size as if there was a space character in it. You have the following in your code: DIV id=phoneBar/DIV Replace it with: DIV id=phoneBar!-- --/DIV ...and everything should be fine. Best Regards, Christian *Directmedia Publishing GmbH* · Möckernstraße 68 · 10965 Berlin www.digitale-bibliothek.de AG Berlin-Charlottenburg · HR B 58002 · USt.Id. DE173211737 Geschäftsführer: Ralf Szymanski · Erwin Jurschitza Andrew Frazier schrieb: On this page: www.milesquarefabricstudio.com/broken.php IE6 shows a gap between the divs that hold the grey/black band and the one below with the orange background. In all the browsers I've tested in (Opera 9.5, IE7, Firefox 2, Firefox 3b, Webkit) it works as I intended with no gap. This is a problem i've not encountered before and I presume is due in some way to the nested divs that I have had to use to make the design work as the designer intended with a horizontal stretch. CSS here: www.milesquarefabricstudio.com/structure.css and www.milesquarefabricstudio.com/stylesheet.css All advice gratefully received. __ 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 up a rule for different monitors
I've got a 2 column layout. Fixed, elastic - float -left When I preview on a 19 in monitor, (1024 X 768) and zoom in on the text, the text wraps at 775 px. (width set to 775px) When I preview on a 19in monitor, (800 X 600) the text flows off to the right. (horizontal scroll bar kicks in, which isn't great when you are reading a lot of text) If I set the width to 580px, I'm okay. Is it possible to set a rule for different monitors resolutions? Can the browser sense what resolution the monitor a web surfer is using? Any other solutions using css thanks in advance chris Web site URL http://inno-vision.ca/thetreeoflifecentre/index.html __ 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] Footer won't move down with text
I finally got to a point where I've hosted my web site. http://inno-vision.ca/thetreeoflifecentre/index.html I've tried to do most of the entire site using CSS. Problem I have is that I'm using Spry - collapsible panel. When I open the panel, the footer stays in the middle of the page, instead of moving down with the text. It was working on another page, moving down as you zoom into the text, but in trying different settings in the external style sheet, it is no longer working . I'm loosing my hair over this one. ;-) I would also welcome any feedback on my use of CSS. thanks in advance chris __ 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] Footer won't move down with text
Hello, first of all I've recognized that in your css you have two empty print sections. The css between the first and the last is almost identical two the css before the first empty print section. To your problem. The content div is positionied absolute. By that it is taken out of the box flow and following boxes (divs etc.). When the position of a following box (like the footer div) is computed, the positioned divs are not taken into account. The left column div is the last static one. The footer is placed exactly under that (vertically). I am afraid you will have to come up with a different solution for the two column layout you want to achieve. Regards, Christian *Directmedia Publishing GmbH* · Möckernstraße 68 · 10965 Berlin www.digitale-bibliothek.de AG Berlin-Charlottenburg · HR B 58002 · USt.Id. DE173211737 Geschäftsführer: Ralf Szymanski · Erwin Jurschitza [EMAIL PROTECTED] schrieb: I finally got to a point where I've hosted my web site. http://inno-vision.ca/thetreeoflifecentre/index.html I've tried to do most of the entire site using CSS. Problem I have is that I'm using Spry - collapsible panel. When I open the panel, the footer stays in the middle of the page, instead of moving down with the text. It was working on another page, moving down as you zoom into the text, but in trying different settings in the external style sheet, it is no longer working . I'm loosing my hair over this one. ;-) I would also welcome any feedback on my use of CSS. thanks in advance chris __ 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] setting up a rule for different monitors
On 17-Mar-08, at 8:53 PM, [EMAIL PROTECTED] wrote: Is it possible to set a rule for different monitors resolutions? Old articles [1] and [2], but I'm sure they're still good to peruse. Can the browser sense what resolution the monitor a web surfer is using? Yes; however resolution alone does not indicate the actual width that is being used. Browser toolbars/infobars and/or a non-maximised window can reduce both the horizontal and vertical space on offer. Any other solutions using css You could use percentages for widths - this will allow the browser to dynamically resize the content to fit the available space. Best, - Rahul. [1] http://particletree.com/features/dynamic-resolution-dependent-layouts/ [2] http://www.themaninblue.com/writing/perspective/2006/01/19/ __ 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] IE6 dropping floats
At 05:20 PM 3/14/2008 -0700, you wrote: How about making mid-container-inner a static div rather than floated, then floating one of the ul's left and the other ul floated right. See this demo: http://www.jimdavis.org/test/list_this.htmlhttp://www.jimdavis.org/test/list_this.html Will re-size gracefully in IE6 win, FF 2.0 and Opera 9.26 Jim Thanks for your suggestion Jim. I have deployed it on this test page: http://hul.harvard.edu/oisnew/systems/oasis/upload.new.html The floated lists inside the static container no longer drop below the layout when the viewport is narrowed, but now I'm having problems placing text below the container that stays below the container. I imagine this is because the containing div does not have a height calculated for it because the floats aren't really *there*. The cleared div in your example solves the problem in IE but not Firefox. In FF, the clearing div is also clearing the left/right layout columns -- forcing that bottom text below the layout. I assigned a min-height to the container, which seems to help in FF. Jim -- Do you know of a way to clear interior floated content that does not also blow away a floated layout? This has been a regular problem in the layout I'm forced to work within. Thanks for your help! --julie __ 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] Max-width/min-width percentage in IE 6
I am trying to apply a max-width and min-width feature to a page for IE6, but all of the examples I see online appear like this: (see: http://www.antix.co.uk/code/css/imposing_minimum_width/default.htm) #example_3 .main { min-width:450px; /* IE Dynamic Expression to set the width */ width:expression(document.body.clientWidth 550 ? 450px : 100% ); } The problem is that instead of having a specific number of pixels I want it to be a percentage, and ideally it should be with respect to the containing block element (ex. a div) rather than the client width. Any suggestions? __ 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] Max-width/min-width percentage in IE 6
Jack Blankenships wrote: I am trying to apply a max-width and min-width feature to a page for IE6, but all of the examples I see online appear like this: (see: http://www.antix.co.uk/code/css/imposing_minimum_width/default.htm) The problem is that instead of having a specific number of pixels I want it to be a percentage, and ideally it should be with respect to the containing block element (ex. a div) rather than the client width. Apart from the example page and 'min-width' expression being made for IE6 quirks mode only, it sounds like you're using 'min/max-width' backwards relative to plain 'width' in all browsers. Do you have a link so we can see what exactly you're trying to achieve? In the mean time; here are some working 'min/max-width' solutions, with demos, that are not relying on IE6' mode... http://www.gunlaug.no/contents/wd_additions_14.html regards Georg -- http://www.gunlaug.no __ 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] Max-width/min-width percentage in IE 6
What I am trying to do is create a set of images in a fluid layout that adjusts based on the browser size. The code is really very simple. I have a css-p div that contains an image placed in a certain spot on the page. The container div is sized based on the client browser. The idea is to have the large image inside sized to match the container. Using min-width and max-width (both set to 100% in this case) as percentages resizes the image based on the container (yay!) rather than the original image size (which is not helpful in this case). Using width as has been suggested refers back to the original image size. This sample code works in Firefox, Mozilla, Safari, Opera ... but not in Internet Explorer because there is apparently no suppourt for min-width and max-width: style .fluidcontainer {overflow: hidden; border: none; position: absolute;} .fluidimage {min-width: 100%; max-width: 100%; border: none; position: absolute; top: 0px; left: 0px;} /style ... div class=fluidcontainer style=top: 11.8%; left: 26.3%; width: 36.2%; height: 35%; img class=fluidimage src=/images/coolpic.jpg id=coolpic / /div Any other suggestions? On Mon, Mar 17, 2008 at 10:47 AM, Gunlaug Sørtun [EMAIL PROTECTED] wrote: Jack Blankenships wrote: I am trying to apply a max-width and min-width feature to a page for IE6, but all of the examples I see online appear like this: (see: http://www.antix.co.uk/code/css/imposing_minimum_width/default.htm) The problem is that instead of having a specific number of pixels I want it to be a percentage, and ideally it should be with respect to the containing block element (ex. a div) rather than the client width. Apart from the example page and 'min-width' expression being made for IE6 quirks mode only, it sounds like you're using 'min/max-width' backwards relative to plain 'width' in all browsers. Do you have a link so we can see what exactly you're trying to achieve? In the mean time; here are some working 'min/max-width' solutions, with demos, that are not relying on IE6' mode... http://www.gunlaug.no/contents/wd_additions_14.html regards Georg -- http://www.gunlaug.no __ 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] Max-width/min-width percentage in IE 6
Jack Blankenships wrote: What I am trying to do is create a set of images in a fluid layout that adjusts based on the browser size. The code is really very simple. I have a css-p div that contains an image placed in a certain spot on the page. The container div is sized based on the client browser. The idea is to have the large image inside sized to match the container. Using min-width and max-width (both set to 100% in this case) as percentages resizes the image based on the container (yay!) rather than the original image size (which is not helpful in this case). Using width as has been suggested refers back to the original image size. No. 'Width' refers to the image's container. This is also true in IE/win, as long as the container has 'Layout'[1] - which yours have. This sample code works in Firefox, Mozilla, Safari, Opera ... but not in Internet Explorer because there is apparently no suppourt for min-width and max-width: IE6' lack of support is correct. [...] Your example is the same as 'width: 100%; height: auto;' since 'min/max-width' are both 100%. That's regular image-scaling, which works in IE6 (and older) too - to a degree. IE6 isn't good at scaling images, and may lose the width/height proportions on large or many images over a slow connection. The scaling issue you describe and exemplify can otherwise be solved as in this demo... http://www.gunlaug.no/tos/moa_19c.html See the relevant article linked in at the bottom for more details about image-scaling in browsers in general. regards Georg [1]http://www.satzansatz.de/cssd/onhavinglayout.html -- http://www.gunlaug.no __ 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 Templates
Hello Thank you again for all your help on my last question. Now I'm struggling with this I want the site to have the top margin and left side as the constant and the rest to be variable. I really don't want to clone this page for the rest of the pages for the site. How does one go about making part of the CSS variable while leaving the header and side panel code the same without copying it to each page in the site? The other thing I need to do with the site is add a log in page which will also be on the left side, I don't think that would affect the style sheets though. My site is http://www.returnengagement.org Thanks for any insight. Much appreciated! -- Laura mailto:[EMAIL PROTECTED] -- __ 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] CSS Templates
Laura wrote: I want the site to have the top margin and left side as the constant and the rest to be variable. I really don't want to clone this page for the rest of the pages for the site. How does one go about making part of the CSS variable while leaving the header and side panel code the same without copying it to each page in the site? The other thing I need to do with the site is add a log in page which will also be on the left side, I don't think that would affect the style sheets though. http://www.returnengagement.org I may be way off target, as I am not sure I understand the question (s)... If you are seeking content management, you might look into Wordpress-- it is sometimes used as an effective, and simple CMS (Content Management System). -- 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/
[css-d] Greets/Butt Problem
Hello kind and enlightened folks, I'm inquiring for a friend and will take the credit for your answer. Jk. She's not having a butt problem, but a button problem. She's having a doozie of a time (no pun intended) trying to get some buttons to work. The problem is the css is nested like three levels deep for SEO friendliness. Could you guys take a look and offer a solution on the best way to activate the nav buttons on the right at: http://www.elements-of-creation.com/html/index2.php Thanks for any insight! Hope all is well. Jason __ 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] Greets/Butt Problem
Hi Jennifer Thanks for digging deeper and responding. Sorry if I didn't provide enough info. It's actually quite a simple problem. The buttons that look like navigation elements on the right are not clickable in any browser. How should this be done? http://www.elements-of-creation.com/html/index2.php Thanks! Jason -Original Message- From: jennifer ham [mailto:[EMAIL PROTECTED] Sent: Monday, March 17, 2008 1:23 PM To: Jason Ogle Subject: Re: [css-d] Greets/Butt Problem What exactly is the problem? What's happening wrong? What isn't happening that should? What browser is having a problem? On Mon, Mar 17, 2008 at 12:36 PM, Jason Ogle [EMAIL PROTECTED] wrote: Hello kind and enlightened folks, I'm inquiring for a friend and will take the credit for your answer. Jk. She's not having a butt problem, but a button problem. She's having a doozie of a time (no pun intended) trying to get some buttons to work. The problem is the css is nested like three levels deep for SEO friendliness. Could you guys take a look and offer a solution on the best way to activate the nav buttons on the right at: http://www.elements-of-creation.com/html/index2.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/
Re: [css-d] CSS Templates
Laura wrote: I want the site to have the top margin and left side as the constant and the rest to be variable. I really don't want to clone this page for the rest of the pages for the site. How does one go about making part of the CSS variable while leaving the header and side panel code the same without copying it to each page in the site? I may be way off target, as I am not sure I understand the question (s)... If you are seeking content management, you might look into Wordpress-- it is sometimes used as an effective, and simple CMS (Content Management System). It is probably not wise for me to try to clarify someone else's question, but I will do it because I have the same concerns. I believe she has hundreds of pages all of which are to have the same content in a top margin and the same content in the left margin while the remainder of the page will vary from page to page. This is exactly what I must do with a site revision in a month or so. In the past I did this with frames, but the desire is to move to all CSS. Del __ 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] Stray line between columns
I would appreciate help with a vexing problem. On this site, http://www.troubleshootingphotos.com/ , there is a grey line between the placed image at upper left (loupeicon.gif consists of photos, a camera and magnifying glass with images as a background) and the background image, photoband.jpg, on the top of the main column. I've tried realigning the image, changing the size of loupeicon.gif and a variety of less reputable tricks. Where is it coming from and how do I get rid of it? CSS is at http://www.troubleshootingphotos.com/styles/sbd.css. Thank you for all assistance. David Weatherston __ 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] Stray line between columns
Hi David, Try applying: padding: 0; to td#sidelinks Fixed it in FF. Test it in other browsers and see if it works. jason ogle | designer | myspace.com 310.969.7124 | myspace.com/ogletine -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of David Weatherston Sent: Monday, March 17, 2008 2:17 PM To: css-d@lists.css-discuss.org Subject: [css-d] Stray line between columns I would appreciate help with a vexing problem. On this site, http://www.troubleshootingphotos.com/ , there is a grey line between the placed image at upper left (loupeicon.gif consists of photos, a camera and magnifying glass with images as a background) and the background image, photoband.jpg, on the top of the main column. I've tried realigning the image, changing the size of loupeicon.gif and a variety of less reputable tricks. Where is it coming from and how do I get rid of it? CSS is at http://www.troubleshootingphotos.com/styles/sbd.css. __ 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] Stray line between columns
Jason, That works in Safari, FF Mac, FF Windows, IE 6 and IE 7, which covers 99.987% of the target market (the rest will be considered a rounding error and ignored). Thank you. David Weatherston On Mar 17, 2008, at 5:29 PM, Jason Ogle wrote: Try applying: padding: 0; to td#sidelinks Fixed it in FF. Test it in other browsers and see if it works. __ 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] Stray line between columns
No sweat man. Glad I could help! ··· jason ogle | designer | myspace.com 310.969.7124 | myspace.com/ogletine ··· -Original Message- From: David Weatherston [mailto:[EMAIL PROTECTED] Sent: Monday, March 17, 2008 2:59 PM To: Jason Ogle Cc: css-d@lists.css-discuss.org Subject: Re: [css-d] Stray line between columns That works in Safari, FF Mac, FF Windows, IE 6 and IE 7, which covers 99.987% of the target market __ 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] Greets/Butt Problem
They're clicking for me (ie 6.0 ff 2.0)...has the issue been resolved? On 3/17/08, Jason Ogle [EMAIL PROTECTED] wrote: Hi Jennifer Thanks for digging deeper and responding. Sorry if I didn't provide enough info. It's actually quite a simple problem. The buttons that look like navigation elements on the right are not clickable in any browser. How should this be done? http://www.elements-of-creation.com/html/index2.php Thanks! Jason -Original Message- From: jennifer ham [mailto:[EMAIL PROTECTED] Sent: Monday, March 17, 2008 1:23 PM To: Jason Ogle Subject: Re: [css-d] Greets/Butt Problem What exactly is the problem? What's happening wrong? What isn't happening that should? What browser is having a problem? On Mon, Mar 17, 2008 at 12:36 PM, Jason Ogle [EMAIL PROTECTED] wrote: Hello kind and enlightened folks, I'm inquiring for a friend and will take the credit for your answer. Jk. She's not having a butt problem, but a button problem. She's having a doozie of a time (no pun intended) trying to get some buttons to work. The problem is the css is nested like three levels deep for SEO friendliness. Could you guys take a look and offer a solution on the best way to activate the nav buttons on the right at: http://www.elements-of-creation.com/html/index2.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/
Re: [css-d] Greets/Butt Problem
Yes it has been resolved. She ended up rebuilding it as the code was getting really messy and her solution lined up pretty much with what Ray had put forth. Thank you for following up Katherine! *** jason ogle | designer | myspace.com 310.969.7124 | myspace.com/ogletine *** From: Katherine Coynor [mailto:[EMAIL PROTECTED] Sent: Monday, March 17, 2008 3:55 PM To: Jason Ogle Cc: jennifer ham; css-d@lists.css-discuss.org Subject: Re: [css-d] Greets/Butt Problem They're clicking for me (ie 6.0 ff 2.0)...has the issue been resolved? __ 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 woes in pure CSS drop-down menu
Hi all, This site http://dev.bell.wd-2.net works fine in FF/Safari, but it's still lacking in IE. The problem is with the :hover behavior of the navigation links. Notes: 1) I've got Dean Edward's brilliant-but-unfortunately-named IE7 package in the loop here (I use it for all my sites); 2) Notwithstanding (1), a bit of extra coercion is still needed to beat IE into submission. This comes in the file IE/fix.css that's loaded in a conditional comment (no hacks in this file, only extra normal CSS rules that are needed to make IE behave). But still, there are problems... 3) In IE7 (that is, IE7, The Browser) the menus mostly work. There is a problem with falling off or losing the hover as you try to move from the triggering element (the primary nav link) down into the secondary nav menu. Not sure what to do about it. There are currently some positioning tweaks in place to deal this problem (or something much like it) that I was seeing in IE6 (see below) (and perhaps also in FF Safari, I can't remember now). Anyway, whatever I did, it's not enough in IE7, and I don't know if the fix is going to be the same but more of it, or if there's some better way... 4) IE6 has a whole different problem. The secondary nav menu looks good when you first trigger it by hovering over the primary menu item, but then when you slide down onto the secondary menu proper, the width explodes to 100%. What the heck!?!?! Ideas/suggestions much appreciated! :-) cheers, —ml— __ 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/