[css-d] CSS statements for horizontal rule
I am trying to use horizontal rules of specific width and position in an xhtml strict 1.0 web page. The width and align attributes work, but do not pass the strict 1.0 validation test (as you probably know). I have tried using both class and id statements in a CSS file (with appropriate selectors in the body). Neither work. I have performed extensive searches on the internet (including the archives of this list), but I have found no information on how to accomplish the desired task. Is it not possible to set these hr parameters under strict 1.0 (and have them pass the validation test)? If not, is there an alternative? I need to say that I have only a beginner's knowledge of CSS. Thank you for your help. __ 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] CSS statements for horizontal rule
Mike Morris wrote: I am trying to use horizontal rules of specific width and position in an xhtml strict 1.0 web page. The width and align attributes work, but do not pass the strict 1.0 validation test (as you probably know). When validating the hr element with XHTML 1.0 Strict, you must code it this way. hr / As per the grammer of XHTML for empty elements. I have tried using both class and id statements in a CSS file (with appropriate selectors in the body). Neither work. I have performed extensive searches on the internet (including the archives of this list), but I have found no information on how to accomplish the desired task. May I inquire what is the desired task? Do you have a test page? Is it not possible to set these hr parameters under strict 1.0 (and have them pass the validation test)? If not, is there an alternative? I need to say that I have only a beginner's knowledge of CSS. Thank you for your help. BTW, there are a few bugs with hr styled with text-align in IE8. Welcome to the world of CSS (but don't forget to improve the HTML) and welcome to this list. -- Alan http://css-class.com/ Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo __ 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] CSS statements for horizontal rule
I am trying to use horizontal rules of specific width and position in an xhtml strict 1.0 web page. The width and align attributes work, but do not pass the strict 1.0 validation test (as you probably know). I have tried using both class and id statements in a CSS file (with appropriate selectors in the body). Neither work. Hi Mike, It should be perfectly possible to achieve what you want, with the method you're using. Something like: .test { width: 400px; } in your CSS and: hr class=test will validate and have the expected result. That's 'width', anyway. I'm not quite sure what you mean by 'position' - maybe you could elaborate. If this is similar to what you're doing, and it's still not working, a specific example (preferably by URL) would help us to solve the problem. Regards, - Bobby __ 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] Site check please
Hi Link: http://ikjensen.dk Tested locally in FF 3.0.10 - IE 6/78 (IETester 0.3.3) Locally known issues: IE6 dont show my link-icons IE7 - 8 behave rather ok. As FF3. At 190% Page- or Text-zoom?: IE6: Arghhh The template _are_ not made for IE6! IE7: Page got a horizontal scroll-bar, and continues out of the viewport. IE8: Page continues out of the viewport, but no horizontal scroll-bar. -- Regards / Mhv. Ib K. jensen - http://ikjensen.dk __ 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] CSS statements for horizontal rule
--- On Tue, 5/19/09, Bobby Jack bobbykj...@yahoo.co.uk wrote: ... in your CSS and: hr class=test ... Sorry, Alan's point about closing the element is obviously an important one; I rarely work with XHTML nowadays! - Bobby __ 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] CSS statements for horizontal rule
I've used CSS to style hr/s for a long time. Here's an example from one of my sites div#menu hr { width: 95%; height: 1px; border: 0; clear: both; /* puts the hr below floated content */ margin: 0.625em auto; /* side margins set to auto centers the hr */ color: #ddd; /* set color in IE */ background-color: #ddd; /* set color in FF */ } You could add float: right or float: left to get right or left alignment. Or position: absolute; and left: xxx to position it in an exact place. The thing to remember when styling hr is that it is a block level element. This means it acts like a div or a paragraph by default. Text-align: left will align whatever text is in the hr left. But since it's an hr, it has no text. ---Tim __ 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] Fixing an image to the right corner of a div
Hi folks, I'm rather new to css as well as this list, so please pardon my question if it seems simplistic or if this question has been answered before. I've started a website located here: http://www.digitaltorque.ca/anotherplacetogrow. I'm trying to position an object on the top right hand corner of the green box (what I called in my css script wrapper) surrounding the contents of the webpage. It's the image that says now accepting applications In my css script, the code for positioning this image is called spots. The image is in the right location only if you have a certain window size. I would like to position it in the top right hand corner regardless of the window size of the browser. Is there a way to do this easily in css? So far, I've only been successful at positioning images at the left hand corners. It's not quite clear to me how to position in the right hand corner of the box (and have it work for all screen sizes). Any help would be much appreciated! Maria __ 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] Fixing an image to the right corner of a div
You can try this: .div { background: url(../image.jpg) top left no-repeat} so.. the top left is where the background image will be... could be also top right... you can use the following items: top, bottom, left, right. Valério Vaz Designer -- http://www.valeriovaz.com On Tue, May 19, 2009 at 5:59 PM, Maria Yousaf yousaf.ma...@gmail.comwrote: Hi folks, I'm rather new to css as well as this list, so please pardon my question if it seems simplistic or if this question has been answered before. I've started a website located here: http://www.digitaltorque.ca/anotherplacetogrow. I'm trying to position an object on the top right hand corner of the green box (what I called in my css script wrapper) surrounding the contents of the webpage. It's the image that says now accepting applications In my css script, the code for positioning this image is called spots. The image is in the right location only if you have a certain window size. I would like to position it in the top right hand corner regardless of the window size of the browser. Is there a way to do this easily in css? So far, I've only been successful at positioning images at the left hand corners. It's not quite clear to me how to position in the right hand corner of the box (and have it work for all screen sizes). Any help would be much appreciated! Maria __ 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/
Re: [css-d] Fixing an image to the right corner of a div
I've started a website located here: http://www.digitaltorque.ca/anotherplacetogrow. I get a 404 error when I go here. I'm trying to position an object on the top right hand corner of the green box (what I called in my css script wrapper) surrounding the contents of the webpage. It's the image that says now accepting applications In my css script, the code for positioning this image is called spots. The image is in the right location only if you have a certain window size. I would like to position it in the top right hand corner regardless of the window size of the browser. Is there a way to do this easily in css? So far, I've only been successful at positioning images at the left hand corners. It's not quite clear to me how to position in the right hand corner of the box (and have it work for all screen sizes). Any help would be much appreciated! What you want to do is pretty easy to accomplish. I'm guessing that you have something like this: div id=wrapper img id=spots / /div With css like this: #spots { width: 100px; position: absolute; top: 0; left: 400px; } So we just need a couple changes. #wrapper { position: relative; /* so that when we absolute position the image, it is relative to wrapper. } #spots { position: absolute; top: 0; right: 0; /* we want the box attached to the right, so position it from the right instead of the left */ } ---Tim __ 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] Fixing an image to the right corner of a div
I get a 404 error when I go here. Sorry, the URL is http://home.digitaltorque.ca/anotherplacetogrow. #wrapper { position: relative; /* so that when we absolute position the image, it is relative to wrapper. } #spots { position: absolute; top: 0; right: 0; /* we want the box attached to the right, so position it from the right instead of the left */ } Thanks Tim! This is actually really close to what I want, but I was hoping to find a way to have an image partially hang off the top and right side of the wrapper, rather than be positioned strictly inside the wrapper. Almost like the image is sitting on top of the wrapper. I'm not sure if my description is clear. Maria __ 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] Fixing an image to the right corner of a div
Easy as pie. Still using top and right, but with negative numbers, like: #spot { position: absolute; top: -10px; right: -50px; } Positive numbers put you inside the wrapper. Negatives put you outside the wrapper, and zero is at the edge of the wrapper. Thank you! That works perfectly!! Maria __ 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] Fixing an image to the right corner of a div
Sorry, the URL is http://home.digitaltorque.ca/anotherplacetogrow. Thanks Tim! This is actually really close to what I want, but I was hoping to find a way to have an image partially hang off the top and right side of the wrapper, rather than be positioned strictly inside the wrapper. Almost like the image is sitting on top of the wrapper. Easy as pie. Still using top and right, but with negative numbers, like: #spot { position: absolute; top: -10px; right: -50px; } Positive numbers put you inside the wrapper. Negatives put you outside the wrapper, and zero is at the edge of the wrapper. ---Tim __ 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] lack of menu transparency in IE
From: GLOW -- Virtual Web Services glowvirt...@gmail.com To: css list list css-d@lists.css-discuss.org Sent: Tuesday, May 19, 2009 11:40:13 AM Subject: [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? :: Transparency via CSS doesn't work well (or at all) in IE versions 7 and lower. There are javascript hacks out there for you to try, but I've had mixed success with them. What I recommend doing it setting the background as a transparent gif that repeats itself the length of what you want to make see-through. This ~might~ work... no harm in trying. :-) Hope that helps... Kevin __ 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] Displaying/Simulating handwritten fonts on notebook paper
On Mon, May 18, 2009 at 4:12 PM, Stephen Tang clowwizarder...@gmail.com wrote: I encountered a peculiar use case. The business desires to display a small amount of text as a handwritten font. They want the handwritten font sitting on blue lines. This would simulate the effect of writing in a notebook. My first thought was sIFR for the fonts, but I don't think it supports the lines. Is there anything that supports this? I was thinking of using CSS to create blue borders underneath the sIFR, but then the fonts would not be sitting on the line properly. You don't say exactly how do you like the text sitting on the lines. I tried in the past several tricks to show visible baselines under some text, without finding a clean solution, at least in the general case when you have several lines of text, and don't know how it wraps. (Moreover you mention sIFR, so you probably have the additional problem of trying to display a font possibly not installed on the client). Anyway, here [1] is one of my attempts to display baselines under some paragraphs of text: the idea is to add elements (like images, or inline-blocks in this case) that can precisely be positioned on the baseline and then stretch them to full width. In this attempt to avoid cluttering the markup with non semantic elements, those extra element are added by a javascript (which is a bit simplified: it assumes that the paragraphs contain just text, no other elements). The method seems to work in most browsers (including IE6+), but of course it adds a lot of garbage, just to get few lines... The third paragraph uses a non-common font, included with a @font-face declaration (this of course works in a more limited set of browsers). Best regards, Bruno [1] http://brunildo.org/test/baselines1.html -- Bruno Fassino http://www.brunildo.org/test __ 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] Displaying/Simulating handwritten fonts on notebook paper
HI Bruno, I'm sorry that I wasn't clear on this. The text would sit on the baselines, such that in cursive handwriting, parts of letters that need to go below the baseline will do so (i.e. a part of lowercase cursive g will be below the baseline). Thus, the URL you gave is the type of effect I am looking for. You are correct that my mentioning sIFR is in response to the our business unit's request to have the font type display even if the font is not installed on the end user's machine. Having talked to some graphic designers, there are some fonts that have a built-in baseline, so that could be used in sIFR. You make a good point about how in your URL, you assume the text not to contain other elements, which is something I would need to ask the business unit. I appreciate you showing me this URL, as it shows me what is possible with just CSS/Javascript. Sincerely, Stephen On Tue, May 19, 2009 at 5:39 PM, Bruno Fassino fass...@gmail.com wrote: On Mon, May 18, 2009 at 4:12 PM, Stephen Tang clowwizarder...@gmail.com wrote: I encountered a peculiar use case. The business desires to display a small amount of text as a handwritten font. They want the handwritten font sitting on blue lines. This would simulate the effect of writing in a notebook. My first thought was sIFR for the fonts, but I don't think it supports the lines. Is there anything that supports this? I was thinking of using CSS to create blue borders underneath the sIFR, but then the fonts would not be sitting on the line properly. You don't say exactly how do you like the text sitting on the lines. I tried in the past several tricks to show visible baselines under some text, without finding a clean solution, at least in the general case when you have several lines of text, and don't know how it wraps. (Moreover you mention sIFR, so you probably have the additional problem of trying to display a font possibly not installed on the client). Anyway, here [1] is one of my attempts to display baselines under some paragraphs of text: the idea is to add elements (like images, or inline-blocks in this case) that can precisely be positioned on the baseline and then stretch them to full width. In this attempt to avoid cluttering the markup with non semantic elements, those extra element are added by a javascript (which is a bit simplified: it assumes that the paragraphs contain just text, no other elements). The method seems to work in most browsers (including IE6+), but of course it adds a lot of garbage, just to get few lines... The third paragraph uses a non-common font, included with a @font-face declaration (this of course works in a more limited set of browsers). Best regards, Bruno [1] http://brunildo.org/test/baselines1.html -- Bruno Fassino http://www.brunildo.org/test __ 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] Displaying/Simulating handwritten fonts on notebook paper
I missed this the first time but glad you pointed out that link... wow I have so much still to learn with CSS. My client is a graphic designer and demands absoulute lines so css is a must for me. Just when I think I am getting a handle on things I will see something like this and realize I can still do better :) Thanks Bruno On 19-May-09, at 2:52 PM, Stephen Tang wrote: HI Bruno, I'm sorry that I wasn't clear on this. The text would sit on the baselines, such that in cursive handwriting, parts of letters that need to go below the baseline will do so (i.e. a part of lowercase cursive g will be below the baseline). Thus, the URL you gave is the type of effect I am looking for. You are correct that my mentioning sIFR is in response to the our business unit's request to have the font type display even if the font is not installed on the end user's machine. Having talked to some graphic designers, there are some fonts that have a built-in baseline, so that could be used in sIFR. You make a good point about how in your URL, you assume the text not to contain other elements, which is something I would need to ask the business unit. I appreciate you showing me this URL, as it shows me what is possible with just CSS/Javascript. Sincerely, Stephen On Tue, May 19, 2009 at 5:39 PM, Bruno Fassino fass...@gmail.com wrote: On Mon, May 18, 2009 at 4:12 PM, Stephen Tang clowwizarder...@gmail.com wrote: I encountered a peculiar use case. The business desires to display a small amount of text as a handwritten font. They want the handwritten font sitting on blue lines. This would simulate the effect of writing in a notebook. My first thought was sIFR for the fonts, but I don't think it supports the lines. Is there anything that supports this? I was thinking of using CSS to create blue borders underneath the sIFR, but then the fonts would not be sitting on the line properly. You don't say exactly how do you like the text sitting on the lines. I tried in the past several tricks to show visible baselines under some text, without finding a clean solution, at least in the general case when you have several lines of text, and don't know how it wraps. (Moreover you mention sIFR, so you probably have the additional problem of trying to display a font possibly not installed on the client). Anyway, here [1] is one of my attempts to display baselines under some paragraphs of text: the idea is to add elements (like images, or inline-blocks in this case) that can precisely be positioned on the baseline and then stretch them to full width. In this attempt to avoid cluttering the markup with non semantic elements, those extra element are added by a javascript (which is a bit simplified: it assumes that the paragraphs contain just text, no other elements). The method seems to work in most browsers (including IE6+), but of course it adds a lot of garbage, just to get few lines... The third paragraph uses a non-common font, included with a @font- face declaration (this of course works in a more limited set of browsers). Best regards, Bruno [1] http://brunildo.org/test/baselines1.html -- Bruno Fassino http://www.brunildo.org/test __ 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/
Re: [css-d] lack of menu transparency in IE
GLOW -- Virtual Web Services wrote: 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 Sorry to be the bearer of bad news, but you have far more severe problems in that page than a white background. The font-size for the dark-on-dark text is hard for me to read, so I increased text size by just a notch-- and the whole page collapsed. May I suggest you use one of the tried-and-tested layouts at Layout Gala? - http://blog.html.it/layoutgala/ FWIW - Text-size at default 12pt size displays at 20px on my old IBM laptop. Your 14px displays an em at 14 x 14 = 196 pixels, or half the size of my default 20 x 20 pixels. BTW - Which IE? 5.5, 6, 7, 8, or 8 in compatibility mode? All different when in standards mode but all the same in quirks (more or less). Cordially, David -- __ 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] Displaying/Simulating handwritten fonts on notebook paper
Bruno, I kneel at your feet. This is awesome. I'm trying to solve a similar problem, and have struggled with getting the solutions to work. I've been stuck at using background images, which fail of course when the user changes the font size. Your solution does not suffer this issue. Thanks so very much! From: Bruno Fassino fass...@gmail.com You don't say exactly how do you like the text sitting on the lines. I tried in the past several tricks to show visible baselines under some text, without finding a clean solution, at least in the general case when you have several lines of text, and don't know how it wraps. (Moreover you mention sIFR, so you probably have the additional problem of trying to display a font possibly not installed on the client). Anyway, here [1] is one of my attempts to display baselines under some paragraphs of text: the idea is to add elements (like images, or inline-blocks in this case) that can precisely be positioned on the baseline and then stretch them to full width. In this attempt to avoid cluttering the markup with non semantic elements, those extra element are added by a javascript (which is a bit simplified: it assumes that the paragraphs contain just text, no other elements). The method seems to work in most browsers (including IE6+), but of course it adds a lot of garbage, just to get few lines... The third paragraph uses a non-common font, included with a @font-face declaration (this of course works in a more limited set of browsers). Best regards, Bruno [1] http://brunildo.org/test/baselines1.html -- Bruno Fassino http://www.brunildo.org/test __ 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] Site check please
Ib Jensen wrote: Hi Link: http://ikjensen.dk Tested locally in FF 3.0.10 - IE 6/78 (IETester 0.3.3) Locally known issues: IE6 dont show my link-icons IE7 - 8 behave rather ok. As FF3. At 190% Page- or Text-zoom?: IE6: Arghhh The template _are_ not made for IE6! IE7: Page got a horizontal scroll-bar, and continues out of the viewport. IE8: Page continues out of the viewport, but no horizontal scroll-bar. I like sort of have no wild and bad issues with your site (other than trying to find relevant selectors, in that CSS maze, ain't easy). Dunno, but it may be IE/6 is not honoring the advanced selector for the missing icons-- but does it really matter? Of more importance (?), may be that neither of the more important content images in the right column, reside in their respective containers in IE/6. . And, if push came shove, I'd consider setting a fixed width of 990px on the page outermost wrapper for IE/6.0 (only). This will prevent the float drop in narrow windows, in IE/6. And, it will resolve that IE/6 does not support min/max width. I do not know, as well, why you need be particularly concerned with the zoom toy in IE. Unless you are willing to start from scratch with a different layout concept, it may be beneficial to accept IE's zoom toy for what it is: *page zoom. * __ 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/