Re: [css-d] Columns inside a select
On Thu, 23 Aug 2007, Les Mizzell wrote: I just got asked this by a client. I don't think it's possible. What they're looking for is a drop down list showing different versions of a product with several attributes all in equal width columns. In practical terms, it isn't possible, but you can achieve something similar by using other kinds of input fields (form controls). Kinda like: Item #Size Color Radius -- select option 123A12Green2' /option option 123B14Red 7' /option option 123C15Blue 9' /option /select No way - right? Since the option element has plain text as its content, by HTML specifications, there is no way to apply different CSS styling to its different parts, e.g. to make part of it start at a specific horizontal position. Pseudoelements might in theory change this, but there's nothing to look for in that direction. You could hand-tabulate the content as above, using no-break spaces instead of normal spaces, and set the font in the select elements to a monospace font. That way, you could get tabular-looking appearance much like you did in your email, except that you needed extra operations. (Using white-space: pre should make even normal spaces non-collapsible, but it does not seem to work for select elements, at least on IE 7.) So what's left ia a different design, where you put the data in a table (after all, it is tabular data, isn't it?) and make the first column of the table contain radio buttons. The user would then click on a radio button, rather than select from a dropdown list. For an example and some notes on this approach, see http://www.cs.tut.fi/~jkorpela/forms/choices.html#select-inflex -- Jukka Yucca Korpela, http://www.cs.tut.fi/~jkorpela/ __ 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] Logo Image Disappears in IE7 (squeaking the wheel)
Dave M G wrote: I posted a few days ago about a problem where some images set as background images in div tags were not displaying in Internet Explorer version 7. [...] The HTML is essentially just nested div tags: div id=logo a href=/spanArticlass/span/a div id=logo-right div id=logo-left div id=main-menu ?php menu(main_menu); ? /div!-- ends main-menu -- /div!-- ends logo-left -- /div!-- ends logo-right -- /div!--ends logo -- The tag logo has a background image that repeats. The logo-left div has a background - the main title text - that doesn't repeat and is positioned on the left. And, as expected, the logo-right div has a thin background, positioned on the right. I'm not sure if the following is the only reason, but surely it contributes: You have #logo-left { height: inherit; } The inherit keyword is not supported by IE (IE7 included), so you are not getting the desired height for your #logo-left. Assign an explicit height, I think 180px is what you want (you can probably also use height:100% on both #logo-right and #logo-left, since this is the explicit height on the parent #logo.) HTH, Bruno -- Bruno Fassino http://www.brunildo.org/test __ 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] CSS crashes Mac Firefox
fantasai wrote: Karl Brightman wrote: I wouldn't think it would be a memory problem on a Macbook Pro though? I wouldn't expect that, especially since your other computer doesn't exhibit the problem, but it might be interacting with some of your extensions in a weird way. I suspect the extensions may have nothing to do with it – have you tried turning them all off and testing for it? Most likely it's the OS' font-render crashing the app. Regards, Barney PS: This is getting pretty OT – I recommend evolt.org's 'the list' for more general web tech. __ 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] Image List Side by Side
Elli, You want to float:left; The value of float is which direction it should go to while remaining on the same horizontal level as far as possible – so by floating left you will have the list getting as close to your image as margins will allow. Regards, Barney __ 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] Logo Image Disappears in IE7 (squeaking the wheel)
Bruno, Thank you for responding. I'm not sure if the following is the only reason, but surely it contributes: The inherit keyword is not supported by IE (IE7 included), so you are not getting the desired height for your #logo-left. Assign an explicit height, I added an explicit height, and made the width 100%. Unfortunately, that does not seem to have done it: http://www.browsercam.com/public.aspx?proj_id=356657 Is there another IE7 condition I need to be aware of? -- Dave M G __ 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] Question still not Answered-
This question was posted previously, but I have not received any answers yet. I cannot figure out how to reply back to my same original thread (so if someone can help with that question that would be great too). I'm trying to please as many resolutions as possible, and have coded the example below for 800X600. It seems to work fine in Firefox, but there appears to be a scaling issue when viewed with IE6 and a monitor set to 800X600 resolution. Here are additional details: I just checked www.cssbuddy.freesuperhosting.com using my desktop computer set to 800X600 resolution and it looks like crap with IE6. I thought it was this scaling problem with Dell, but it's happening on a standard desktop computer too. I know IE sucks, I hate it, and personally avoid using it whenever possible; but what are you going to do with the morons who still think IE is the greatest thing since perforated toilet paper? ~~~ [EMAIL PROTECTED] ~~~ __ 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] Nav container: Collapses in IE6
Hi, I have a nav built with a list, and I have it just how I want it in FF (good in win mac), but in IE6, the container #nav div collapses completely. Can you see what's missing? Thanks! See it here: http://www.redroosterweb.com - RR __ 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] Hover effect to input button in Internet Explorer
I am using a input button whose code is: input name=Input type=button value=Send my password class=buttonStyle / I have styled the buttons using the classes below: .buttonStyle{ font-family:Tahoma, Arial, verdana, sans-serif; font-size:11px; color:#fff; font-weight:normal; background-color:#4c8094; margin: 0; padding: 0 2px 0 2px; width: auto; overflow: visible; } .buttonStyle:hover { font-family:Tahoma, Arial, verdana, sans-serif; font-size:11px; color:#ffd200; font-weight:normal; background-color:#4c8094; margin: 0; padding: 0 2px 0 2px; width: auto; overflow: visible; } The problem is the hover effect works in Firefox, but not in IE. Can you let me know how to make the hover effect work in IE. Shivanand __ 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] Nav container: Collapses in IE6
Sorry RR, That's the result of my partial advice (it's debateable as to whether or not it's good practice but I always treat IE bugs as exceptions to be dealt with as and when they come up): IE needs the abstract MS-proprietary property of 'hasLayout' to apply conventional box model logic in some cases. There are two ways of dealing with this depending on how you feel about 'clean' coding: • You can give it the non-W3-spec MS CSS zoom:1, and all other browsers will simply not process the rule (the downside being invalid CSS). • You can give it height:1%, and still have entirely valid CSS but having given every browser a piece of what makes very little sense (but it won'y screw anything up in rendering terms). Either way, IE6 will then render like a sane creature. Regards, Barney __ 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] Question still not Answered-
cssman, You should still feed margin: 0 auto; to IE, and give the body text-align: center. Regards, Barney __ 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] Image List Side by Side
--- Barney Carroll [EMAIL PROTECTED] wrote: Elli, You want to float:left; The value of float is which direction it should go to while remaining on the same horizontal level As it turns out, I needed the list to float right as far right as it would go, so I resolved that by wrapping the UL and the LATEST POSTS title in a div and floated that to the right of the SUBJECT GOES HERE image. Problem I have now is that the div that contains both elements seems to only adjust it's height to the height of the image. Meanwhile the UL list is a bit longer than that and I need the containing div to adjust to the height of the list. I have outlined both divs with borders in this sample: http://e7flux.com/images/impact_template.gif Here is the code snippet: div class=masthead div class=fr strongLATEST POSTS:/strong ul lia href=#Headline goes right over here in this space/a span class=grey11:41 AM/span/li lia href=#This is another headline right here underneath the first one/a span class=grey9:27 AM/span/li lia href=#This headline is long so it cuts off after ## characters and adds ellipsis.../a span class=grey8:56 AM/span/li/ul /divimg src=/images/impact/subject_mast.gif alt=Subject: Tagline Goes Here / /div /div and here is the CSS: .masthead { margin-bottom: 15px; border: 1px solid #E8E8E8; font-size: 11px; color: #405094;} .masthead .fr {float: right; border: 1px solid #000;} .masthead strong {color: #fd6205; } .masthead ul {list-style-position: inside;} .grey {color: #626b77;} Any help would be greatly appreciated. Elli Need a vacation? Get great deals to amazing places on Yahoo! Travel. http://travel.yahoo.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] Hover effect to input button in Internet Explorer
On 24/8/07 (09:16) Shivanand said: I am using a input button whose code is: input name=Input type=button value=Send my password class=buttonStyle / I have styled the buttons using the classes below: .buttonStyle{ font-family:Tahoma, Arial, verdana, sans-serif; font-size:11px; color:#fff; font-weight:normal; background-color:#4c8094; margin: 0; padding: 0 2px 0 2px; width: auto; overflow: visible; } .buttonStyle:hover { font-family:Tahoma, Arial, verdana, sans-serif; font-size:11px; color:#ffd200; font-weight:normal; background-color:#4c8094; margin: 0; padding: 0 2px 0 2px; width: auto; overflow: visible; } The problem is the hover effect works in Firefox, but not in IE. Can you let me know how to make the hover effect work in IE. I believe that IE will only recognise the 'hover' pseudoclass if it is applied to an a anchor. (Might not apply to IE7, I'm not sure). -- Rick Lecoat __ 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] Image List Side by Side
Thanks a million! That did the trick :). Elli --- Barney Carroll [EMAIL PROTECTED] wrote: Elli, Give the container overflow:hidden and height:1% that will make it 'contain' properly. Regards, Barney __ 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/ Take the Internet to Go: Yahoo!Go puts the Internet in your pocket: mail, news, photos more. http://mobile.yahoo.com/go?refer=1GNXIC __ 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] Logo Image Disappears in IE7 (squeaking the wheel)
Dave M G wrote: I added an explicit height, and made the width 100%. Unfortunately, that does not seem to have done it: http://www.browsercam.com/public.aspx?proj_id=356657 I see the articlass background image in IE7 and the above browsercam page shows it too. I mean the gold 3d text in the header. Maybe you are referring to another problem, or just have a caching issue? Bruno -- Bruno Fassino http://www.brunildo.org/test __ 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] Image List Side by Side
Elli, Give the container overflow:hidden and height:1% – that will make it 'contain' properly. Regards, Barney __ 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] Nav container: Collapses in IE6
Thank guys, I added the 1% height and it works great. I used to kind of blow off IE6, but a client was having too many of his customers have problems with his site. I'm glad I check for it now, even thought it's __! (you fill in the blank) There is a list somewhere of browser stats around the web, do you know if it (them) ? Thanks again, - RR On 8/24/07, Barney Carroll [EMAIL PROTECTED] wrote: Sorry RR, That's the result of my partial advice (it's debateable as to whether or not it's good practice but I always treat IE bugs as exceptions to be dealt with as and when they come up): IE needs the abstract MS-proprietary property of 'hasLayout' to apply conventional box model logic in some cases. There are two ways of dealing with this depending on how you feel about 'clean' coding: • You can give it the non-W3-spec MS CSS zoom:1, and all other browsers will simply not process the rule (the downside being invalid CSS). • You can give it height:1%, and still have entirely valid CSS but having given every browser a piece of what makes very little sense (but it won'y screw anything up in rendering terms). Either way, IE6 will then render like a sane creature. Regards, Barney __ 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/
Re: [css-d] Logo Image Disappears in IE7 (squeaking the wheel) [SOLVED]
Bruno, Thank you for responding. Maybe you ... have a caching issue? Yes, you are right. I cleaned out my cache and see that your fix is, in fact, working as hoped. Thank you for your help. It was exactly the information I needed. -- Dave M G __ 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] Nav container: Collapses in IE6
RR, There are loads of pages detailing various methods for dealing with cross-browser problems – here are a few with insights into what's wrong with IE, and how you can avoid the problems: http://css-discuss.incutio.com/?page=BoxModelHack http://www.positioniseverything.net/explorer.html http://www.webdevout.net/browser-support-css?uas=IE6-IE7-FX2 http://www.quirksmode.org/css/contents.html Regards, Barney __ 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] Nav container: Collapses in IE6
http://www.w3schools.com/browsers/browsers_stats.asp -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Red Rooster Sent: Friday, August 24, 2007 10:55 AM To: CSS Discuss Subject: Re: [css-d] Nav container: Collapses in IE6 Thank guys, I added the 1% height and it works great. I used to kind of blow off IE6, but a client was having too many of his customers have problems with his site. I'm glad I check for it now, even thought it's __! (you fill in the blank) There is a list somewhere of browser stats around the web, do you know if it (them) ? Thanks again, - RR On 8/24/07, Barney Carroll [EMAIL PROTECTED] wrote: Sorry RR, That's the result of my partial advice (it's debateable as to whether or not it's good practice but I always treat IE bugs as exceptions to be dealt with as and when they come up): IE needs the abstract MS-proprietary property of 'hasLayout' to apply conventional box model logic in some cases. There are two ways of dealing with this depending on how you feel about 'clean' coding: . You can give it the non-W3-spec MS CSS zoom:1, and all other browsers will simply not process the rule (the downside being invalid CSS). . You can give it height:1%, and still have entirely valid CSS but having given every browser a piece of what makes very little sense (but it won'y screw anything up in rendering terms). Either way, IE6 will then render like a sane creature. Regards, Barney __ 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-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] Disappearing Primary Nav
Hi everyone, A client is unable to view the primary navigation on this site: http://www.albaadvisors.com/ They claim to be having this problem with the latest version of Firefox on XP. I've tested with this browser and don't have the problem. Can anybody spot something I am doing wrong? Thanks, John John Gribben Pedrera, Inc. 215 348 7446 [EMAIL PROTECTED] http://www.pedrera.com http://www.pedrera.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] Fieldset w/100% width expands beyond its form?
On 8/23/2007 5:19 AM, Barney Carroll wrote: Jay Levitt wrote: So how, if at all, can I get the margins and padding of fieldset to affect the right column? I can set margins/padding on .labelled-form instead, but that may not be what I always want to do. In fact, since .labelled-form needs to work both with and without fieldsets, I know it's not what I want to do. I /think/ you're after a different design from ground-up if this is a priority. The problem is you've predefined the relationship between columns at a way higher point – the centre column is a set 100% of the body's 800px once the left (200) and right columns (150px) have been taken out (so a definite 450px unless you change some of those rules). Ah, but what you do not know - because I neglected to say so - is that the 800px body was just for troubleshooting so I didn't have to scroll horizontally. The actual layout didn't specify the body width. My basic problem turned out to be that to contain a float, float its parent doesn't scale very well at all. I really didn't need a floated fieldset; that was floated only so it could contain other floats. Instead, I used a self-clearing float down at the field level, and everything works nicely now. Jay __ 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] alignment position - liquid layout issues
Ray Leventhal wrote: Hi all, I'm implementing a layout based (Strongly) on the holy grail liquid layout[1]. snip grr...i hate it when I forget the reference :) [1] http://www.alistapart.com/articles/holygrail __ 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] Nav container: Collapses in IE6
Rick Faircloth wrote: http://www.w3schools.com/browsers/browsers_stats.asp It's worth noting that those statistics are taken from w3schools.com itself – a resource used by web developers seeking to inform themselves about browser behaviours – and as not a good indication of the general public. I got these readings from a high-traffic site we run: • 88% IE - of which just under half is 6 and the rest is 7 (2% use IE5) • 10% Firefox • ~2% Safari 2 Regards, Barney __ 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] alignment position - liquid layout issues
Hi all, I'm implementing a layout based (Strongly) on the holy grail liquid layout[1]. Site: http://devel.legionpost130.org/ CSS: http://devel.legionpost130.org/styles/post130.css (contains some unneeded redundancies, I'm sure) Layout issue1: The center column text is aligned to the same height as the topmost nav item in the left column. The desired effect is to have the text in the center column line up with the top of the nav div itself. Layout issue2: IE, at least WinIE7, does not display the nav at all. Ideas, suggestions and general comments are more than welcome. Thanks in advance for any offered advice. Kind regards, ~Ray __ 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] Disappearing Primary Nav
John Gribben wrote: Hi everyone, A client is unable to view the primary navigation on this site: http://www.albaadvisors.com/ They claim to be having this problem with the latest version of Firefox on XP. I've tested with this browser and don't have the problem. Can anybody spot something I am doing wrong? Thanks, John Oh it's there alright on mac/ff but may not be exactly easy to see at 116.5dpi for anyone over the age of eighteen. FWIW, deleting the height (s) on this selector will prevent the content text from shooting out the bottom with font-scaling: div#centercontent.home {...} Best, ~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/
Re: [css-d] alignment position - liquid layout issues
Ray Leventhal wrote: Ray Leventhal wrote: Hi all, I'm implementing a layout based (Strongly) on the holy grail liquid layout[1]. snip grr...i hate it when I forget the reference :) [1] http://www.alistapart.com/articles/holygrail This aricle [1] may help with regard to some of your issues? [1] http://www.satzansatz.de/cssd/hgjump.html Best, ~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/
Re: [css-d] alignment position - liquid layout issues
David Laakso wrote: Ray Leventhal wrote: Ray Leventhal wrote: Hi all, I'm implementing a layout based (Strongly) on the holy grail liquid layout[1]. snip grr...i hate it when I forget the reference :) [1] http://www.alistapart.com/articles/holygrail This aricle [1] may help with regard to some of your issues? [1] http://www.satzansatz.de/cssd/hgjump.html Best, ~dL HI David, Thanks for that awesome article by Ingo :) I'll be diving into that heavily as time permits today and /hopefully/ will be able to discern exactly what element is in need of IE fix. In case I didn't make it clear, the issue I seem to be having is with Win/IE7. I'm awaiting browsershots' queue to see how horrific it may look in the dreaded IE6. Kind regards, ~R __ 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] Min-Height
I'm trying to use min-height in FF, which is supposed to support the style, but it's ignoring it. IE, ironically enough, is honoring it because I'm using the IE7 javscript library. Anyway, here's the relevent code. fieldset { border:1px solid #369; border-left:3.4em solid #369; display:block; margin-top:1em; padding:1em 1em 1em 2.5em; padding-top:0; position:relative; } #dealInfoLegend { height:185px; left:-4.7em; margin-top:-90px; position:absolute; top:50%; width:12px; } #dealStructure { clear:right; float:none; min-height:185px; } fieldset id=dealStructure img id=dealInfoLegend src=images/dealInfoLegend.gif alt=Deal Information Why is Firefox messing with me? -- Marc Luzietti Flagship Project Bayview Financial, L.P. (305) 341-5624 __ 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] Differing font-sizes between operating systems
On 8/22/07, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: Hi, I'm working for a company in which the boss (who's originally from the print industry) insists on having equal line lengths in the browsers on different operating systems. So in an example text, hello, i'm example text!, if the text is split to the following line at example on Firefox Windows, it must be split at example in Firefox Mac/Safari as well. On Windows, I had to resort to inserting manual line-breaks where the boss wants the split which are not honoured on Safari for example. How do you solve this technically, if at all? My reasoning that you cannot finally determine the user's operating system and settings is not acceptable for the boss. Please assume that influencing the line-length or font-size for the diferent operating systems is what needs to be solved. Please, no discussion how and why you should *not* influence it, that wouldn't help me. It's probably to do with resolution which differs between WIn and Mac OS, but I'm facing the situation as-is. The most robust solution for you might be to use the HTML element pre - which is intended to preserve whitespace and line breaks, and to override its default monospace appearance with pre {font-family:Arial, Helvetica, serif;} or something similar. You should avoid making the container fixed-width (pre will overflow the container by default if lines are too long) or specify the width in ems. Using a font-size as small as 62.5% will cause the layout to break more quickly, as it hits people's minimum font settings or they need to text zoom in order to read. It sounds as though your bosses' browser is set to default fonts larger than he likes - that is where things need to be fixed. Also, pre gets a smaller font size by default in nearly every browser (13pt vs 16pt, IIRC) so you would at least need to allow for that. -- Richard Grevers, New Plymouth, New Zealand Dramatic Design www.dramatic.co.nz __ 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] Differing font-sizes between operating systems
On 2007/08/25 08:10 (GMT+0800) Richard Grevers apparently typed: Also, pre gets a smaller font size by default in nearly every browser (13pt vs 16pt, IIRC) so you would at least need to allow for that. Safari is 13px vs. 16px, as is Gecko on Mac and windoz. Gecko is 12px vs. 16px on Linux. In Konqueror and all versions of IE, monospace (PRE) is the same size as proportional. Since IE represents more users than all other browsers combined, it's fair to say that most users will find unstyled PRE text to be the same nominal size as unstyled normal text. -- It is impossible to rightly govern the world without God and the Bible.George Washington Team OS/2 ** Reg. Linux User #211409 Felix Miata *** http://mrmazda.no-ip.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] help! dropdowns were working but have stopped in ie7
Hi, My drop downs have stopped working in this store: http://www.prayerbookstore.com They were working in ie7 and the top was centered but my browser is showing it off to the left and the menu dropdowns are not working. Works fine in mozilla and netscape. Can someone please confirm this? I may be having a cache problem or something. Sincerely, Melinda Odom Design Hosting, Inc. www.designhosting.biz 479-471-0891 No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.5.484 / Virus Database: 269.12.4/969 - Release Date: 8/23/2007 4:04 PM __ 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] Insertions rather than popups
Greetings: I'm working on a large document with translations and footnotes, and I do not want popup windows. Instead, I have the text appearing in place (mockup sample at http://users.rcn.com/rtberg/try_me.html), using javascript and enclosing the note or translation text--which is sometimes fairly structured--in object tags. Is there a way to do this with pure CSS and no javascript? (I'm new to the list, and I searched the archive with popup, but that didn't help much. My apologies if this is old hat.) Thanks. --Bob R. __ 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] Min-Height
Interesting... I don't know why (I didn't find anything on the spec) but it seems you need to specify the height property. It also seems that pretty much any value works. On 8/24/07, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: I'm trying to use min-height in FF, which is supposed to support the style, but it's ignoring it. IE, ironically enough, is honoring it because I'm using the IE7 javscript library. Anyway, here's the relevent code. fieldset { border:1px solid #369; border-left:3.4em solid #369; display:block; margin-top:1em; padding:1em 1em 1em 2.5em; padding-top:0; position:relative; } #dealInfoLegend { height:185px; left:-4.7em; margin-top:-90px; position:absolute; top:50%; width:12px; } #dealStructure { clear:right; float:none; min-height:185px; } fieldset id=dealStructure img id=dealInfoLegend src=images/dealInfoLegend.gif alt=Deal Information Why is Firefox messing with me? -- Marc Luzietti Flagship Project Bayview Financial, L.P. (305) 341-5624 __ 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] Insertions rather than popups (reprise)
I'm sorry--I should have noted that right now the sample does not work in IE6. That's a problem for another day. Probably the day after I settle this one. --Bob R. __ 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] help with table height
I am writing a CSS for printing invoices (via Flying Saucer). That's a page with three DIVs with fixed heights, header, body, and footer. Target is DIN A4. OK, I would like to emulate a common layout in printed invoices: in the body I would like to have a table that fills 100% the DIV both horizontally and vertically, with vertical borders in the columns. Even if there are only a few rows in the invoice, the borders should go down to the bottom with empty content. At the bottom there would be border-bottoms. The closer I've got to this is a fake last TR with nbsp;s in each cell and some fixed height for each TD's padding-bottom. But I don't know how to turn that fixed height into whatever remains available. Any idea? -- fxn __ 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] help! dropdowns were working but have stopped in ie7
Melinda Odom wrote: Hi, My drop downs have stopped working in this store: http://www.prayerbookstore.com They were working in ie7 and the top was centered but my browser is showing it off to the left and the menu dropdowns are not working. Works fine in mozilla and netscape. Can someone please confirm this? I may be having a cache problem or something. Sincerely, Melinda Odom Melinda, In both IE6 and IE7: -- the menu is shifted left --the text in the footer is shifted left -- the About Us link is on two lines (stacked) In IE6 the drop-downs appear on hover; In IE7 the drop-downs /do not/ appear on hover. Although it probably will have no effect on the current issues, you may want to validate the html. I regret I do not know the fix for these issues, Best, ~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/
Re: [css-d] Min-Height
On Aug 25, 2007, at 3:48 AM, [EMAIL PROTECTED] wrote: I'm trying to use min-height in FF, which is supposed to support the style, but it's ignoring it. IE, ironically enough, is honoring it because I'm using the IE7 javscript library. Specifically 'min-height' as applied to fieldset. It is a known bug: https://bugzilla.mozilla.org/show_bug.cgi?id=210094 (uly workaround: wrap the content of the fieldset in a div and apply the min-height to that div...) Philippe --- Philippe Wittenbergh http://emps.l-c-n.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] help! dropdowns were working but have stopped in ie7
Hi, I found the problem...this page was edited and a different doctype was put in and as soon as I changed it to: !DOCTYPE html PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN http://www.w3.org/TR/html4/loose.dtd; everything started working again in ie7 and probably ie6 but don't have that one to test. Sincerely, Melinda Odom Design Hosting, Inc. www.designhosting.biz 479-471-0891 -Original Message- From: Melinda Odom [mailto:[EMAIL PROTECTED] Sent: Friday, August 24, 2007 5:49 PM To: css discuss Subject: help! dropdowns were working but have stopped in ie7 Hi, My drop downs have stopped working in this store: http://www.prayerbookstore.com They were working in ie7 and the top was centered but my browser is showing it off to the left and the menu dropdowns are not working. Works fine in mozilla and netscape. Can someone please confirm this? I may be having a cache problem or something. Sincerely, Melinda Odom Design Hosting, Inc. www.designhosting.biz 479-471-0891 No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.5.484 / Virus Database: 269.12.4/969 - Release Date: 8/23/2007 4:04 PM No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.5.484 / Virus Database: 269.12.4/969 - Release Date: 8/23/2007 4:04 PM __ 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] positioning guidance
Well, I am finally working on my own site. I want three boxes lined up next to each other (the light blue boxes). I tried floating them but somehow that made them go into the footer (which has a red border on it while I am trying to figure this all out). So then I absolutely positioned them inside a relatively positioned div. Now the footer is up behind the boxes. Does anyone have a suggestion or a good link for a tutorial that will help me figure this out? Thanks, Jennifer Looking for a deal? Find great prices on flights and hotels with Yahoo! FareChase. http://farechase.yahoo.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] help! dropdowns were working but have stopped in ie7
Melinda Odom wrote: Hi, I found the problem...this page was edited and a different doctype was put in and as soon as I changed it to: !DOCTYPE html PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN http://www.w3.org/TR/html4/loose.dtd; everything started working again in ie7 and probably ie6 but don't have that one to test. Sincerely, Melinda Odom Melinda, Yes, I'd say you found the culprit-- rendering fairly consistently now in ie6 and ie7 on xp (and in safari and camino). ~d __ 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/