Re: [css-d] Auto-Sizing a div or span tag
Bruno Fassino wrote: [EMAIL PROTECTED] wrote: Hmmm, I always thought that auto kind of carried the idea of shrink-to-fit? width:auto has much different meanings, depending on the value of other properties. So, basically, 'auto' means make it the full available width, but if you don't know what width that is, make it as wide as the content. Unless you're IE - then you always make it as wide as the content. Right? -- David [EMAIL PROTECTED] authenticity, honesty, community __ 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] Use of !ie and !important
Mike Schinkel wrote: david wrote: !important is not a hack. It's an official W3C thing, That doesn't mean is can't still be called a hack... '-p I'll let people who use hacks talk about what constitutes a hack. -- David [EMAIL PROTECTED] authenticity, honesty, community __ 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] Auto-Sizing a div or span tag
On Jan 8, 2008 10:53 AM wrote: Bruno Fassino wrote: [EMAIL PROTECTED] wrote: Hmmm, I always thought that auto kind of carried the idea of shrink-to-fit? width:auto has much different meanings, depending on the value of other properties. So, basically, 'auto' means make it the full available width, but if you don't know what width that is, make it as wide as the content. I don't think that the cases where width:auto means fit the content are related to difficulties in knowing what the available width in the containing block is (and anyway the 'available' width takes part in the shrink-to-fit computation, whose algorithm is intentionally 'not exactly' defined in the CSS 2.1 specs.) I think they are simply cases where a different behavior has been deemed more useful and natural. For example floats that would take all the available width would defeat their 'floating' behavior, making width:auto on them practically useless. Bruno -- Bruno Fassino http://www.brunildo.org/test __ 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] seeking browser test by Mac browser
*Self taught web designer (who uses Windows) seeks help for browser testing site on a Mac. * My site is www.snakegullycup.com.au . I have only just started designing websites and i generally use IE . I have checked site with firefox and it site works too, but recently checked on a Mac (not sure which browser) and what should be a horizontal nav across the header seems to break. What am i doing wrong? Thanks liz __ 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] seeking browser test by Mac browser
On Jan 8, 2008, at 12:18 AM, Liz Kelleher wrote: *Self taught web designer (who uses Windows) seeks help for browser testing site on a Mac. * My site is www.snakegullycup.com.au . I have only just started designing websites and i generally use IE . I have checked site with firefox and it site works too, but recently checked on a Mac (not sure which browser) and what should be a horizontal nav across the header seems to break. What am i doing wrong? Thanks Hi Liz, Just a real quick look in Safari 3.0.4 on a 10.5.1 Mac system, and it looks good to me... What exactly is the problem? Do you have any pictures of what it is supposed to look like? The only thing I would recommend is to put a little padding under the menu for the line, right now it's actually partially through the words and it makes it hard to read after you click on it :) -- Jason Pruim Raoset Inc. Technology Manager MQC Specialist 3251 132nd ave Holland, MI, 49424 www.raoset.com [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] borders and padding oh my
I've put up a screenshot of what I see when I open the page in IE 7(.0.5730.13) at http://www.neep.org/HPSE/css/example.jpg The issues I'm concerned with are the spacing above the blue, left of the header, and left of the link column, but also, my mouse doens't recognize the links as active hyperlinks. It stays the default cursor, doesn't show a destination in the status bar, and won't act upon a click. Is it somehow below the main body layer? Or maybe I just have a display issue with my browser. It displays appropriately in firefox. Alex On Jan 7, 2008 3:36 PM, Alex McPherson [EMAIL PROTECTED] wrote: Hi there, I have a simple page which will not display properly in IE7. I tested it and tweaked it on FF2.0 and it looks the way it's intended, but then when I showed it to the boss, she was on IE7 and it looks pretty shabby. the address for it is http://www.neep.org/HPSE/css/index.html Specifically I'm less interested in fixing it (although I will eventually) but to help me learn can someone tell me exactly WHY this difference is happening? Thanks for your comments! Alex __ 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] accessibility
hi have any of you done sites conforming to the 'WCAG Samurai Errata'? http://wcagsamurai.org/errata/intro.html it seems (mostly) to be sorted but they maybe couldve come up with a less freaky name mark -- [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] borders and padding oh my
The issues I'm concerned with are the spacing above the blue, left of the header, and left of the link column You have to set the margin and padding of the body element to 0 my mouse doens't recognize the links as active hyperlinks. It stays the default cursor, doesn't show a destination in the status bar, and won't act upon a click I think this happens because of the negative margin you have in the #container element 2008/1/8, Alex McPherson [EMAIL PROTECTED]: I've put up a screenshot of what I see when I open the page in IE 7(.0.5730.13) at http://www.neep.org/HPSE/css/example.jpg The issues I'm concerned with are the spacing above the blue, left of the header, and left of the link column, but also, my mouse doens't recognize the links as active hyperlinks. It stays the default cursor, doesn't show a destination in the status bar, and won't act upon a click. Is it somehow below the main body layer? Or maybe I just have a display issue with my browser. It displays appropriately in firefox. Alex On Jan 7, 2008 3:36 PM, Alex McPherson [EMAIL PROTECTED] wrote: Hi there, I have a simple page which will not display properly in IE7. I tested it and tweaked it on FF2.0 and it looks the way it's intended, but then when I showed it to the boss, she was on IE7 and it looks pretty shabby. the address for it is http://www.neep.org/HPSE/css/index.html Specifically I'm less interested in fixing it (although I will eventually) but to help me learn can someone tell me exactly WHY this difference is happening? Thanks for your comments! Alex __ 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] seeking browser test by Mac browser
Liz Kelleher wrote: My site is www.snakegullycup.com.au . I have only just started designing websites and i generally use IE . I have checked site with firefox and it site works too, but recently checked on a Mac (not sure which browser) and what should be a horizontal nav across the header seems to break. What am i doing wrong? liz It looked ok to me on all pages at +2 font-scaling in safari, webkit, camino, mac opera, and mac firefox. There are are a few css and markup validation errors that you may want to attend to. Best, ~dL -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] borders and padding oh my
Alex McPherson wrote: I've put up a screenshot of what I see when I open the page in IE 7(.0.5730.13) at http://www.neep.org/HPSE/css/example.jpg http://www.neep.org/HPSE/css/index.html 1: IE/win isn't reacting as intended on the negative margins on #container, because the #container-div doesn't have Layout. Also: IE/win's default margins on body are not uniform or identical to that of other browsers, so 'margin: -8px' won't quite make it. Zero out the margins on body, and delete those negative margins on #container. That'll give you the intended line-up. 2: don't wrap h1 h2 in a paragraph. It's an unnecessary and non-valid construction that can only make the rendering-problems worse. Paragraphs can't contain other block-elements. IE6 and 7 performs as expected on those links - same as in other browsers AFAICS. 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/
[css-d] styling for two monitors
hey all, I have a site that is set up to center in the middle of a screen. The content is 880px wide, and it has a negative left margin margin-left: -440px; http://bradtrent.com/bradtrent.css This was all hunky dory but my client has now has two monitors, and is complaining on my computer where I'm running two monitors, when the page loads it opens up over both monitors, half on one and half on the other. Is there a way to tell the site that margin-left: -440px; means from the middle of *ONE* monitor, not from the middle of the two? a sample page is here http://bradtrent.com/gallery3/gallery312.html thanks loads, Sandy __ 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] styling for two monitors
I have a site that is set up to center in the middle of a screen. The content is 880px wide, and it has a negative left margin margin-left: -440px; http://bradtrent.com/bradtrent.css This was all hunky dory but my client has now has two monitors, and is complaining on my computer where I'm running two monitors, when the page loads it opens up over both monitors, half on one and half on the other. Is there a way to tell the site that margin-left: -440px; means from the middle of *ONE* monitor, not from the middle of the two? a sample page is here http://bradtrent.com/gallery3/gallery312.html On my 2 monitor setup, it works just fine. Just for reference it's a iMac 19 with a 19 sony trinitron external monitor with a hack to enable the desktop extension (Didn't come that way from the factory... Just desktop mirroring.) The only way I can reproduce what you are talking about is if I actually stretch the browser screen across both screens end to end... Which then it centers really well in the middle of both monitors which is what I would expect. Jason, thanks for looking at this for me. Is it possible to restrict the site to a single monitor? Or shall I tell my guy to just shrink his great big browser window? Sandy __ 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] styling for two monitors
At 1:21 PM -0500 1/8/08, Sandy wrote: hey all, I have a site that is set up to center in the middle of a screen. The content is 880px wide, and it has a negative left margin margin-left: -440px; http://bradtrent.com/bradtrent.css This was all hunky dory but my client has now has two monitors, and is complaining on my computer where I'm running two monitors, when the page loads it opens up over both monitors, half on one and half on the other. Is there a way to tell the site that margin-left: -440px; means from the middle of *ONE* monitor, not from the middle of the two? a sample page is here http://bradtrent.com/gallery3/gallery312.html thanks loads, Sandy I hope that's not your client. :-0 That scared my dog. I have three monitors and I never have a problem like you described except for javascript, so I suspect that this is a local to your client thing. For example, my browser (Safari) always opens a window where the last window was, so I don't have any problems with any site opening between screens nor have I see this happen in any browser that runs on the Mac. HTH's Cheers, tedd -- --- http://sperling.com http://ancientstones.com http://earthstones.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] styling for two monitors
On Jan 8, 2008, at 1:21 PM, Sandy wrote: hey all, I have a site that is set up to center in the middle of a screen. The content is 880px wide, and it has a negative left margin margin-left: -440px; http://bradtrent.com/bradtrent.css This was all hunky dory but my client has now has two monitors, and is complaining on my computer where I'm running two monitors, when the page loads it opens up over both monitors, half on one and half on the other. Is there a way to tell the site that margin-left: -440px; means from the middle of *ONE* monitor, not from the middle of the two? a sample page is here http://bradtrent.com/gallery3/gallery312.html On my 2 monitor setup, it works just fine. Just for reference it's a iMac 19 with a 19 sony trinitron external monitor with a hack to enable the desktop extension (Didn't come that way from the factory... Just desktop mirroring.) The only way I can reproduce what you are talking about is if I actually stretch the browser screen across both screens end to end... Which then it centers really well in the middle of both monitors which is what I would expect. -- Jason Pruim Raoset Inc. Technology Manager MQC Specialist 3251 132nd ave Holland, MI, 49424 www.raoset.com [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] styling for two monitors
On my 2 monitor setup, it works just fine. Just for reference it's a iMac 19 with a 19 sony trinitron external monitor with a hack to enable the desktop extension (Didn't come that way from the factory... Just desktop mirroring.) The only way I can reproduce what you are talking about is if I actually stretch the browser screen across both screens end to end... Which then it centers really well in the middle of both monitors which is what I would expect. Jason, thanks for looking at this for me. Is it possible to restrict the site to a single monitor? Or shall I tell my guy to just shrink his great big browser window? Sandy Argh! Clients! Sounds like he has his monitors set to be one big desktop and he has the browser maximised... Should be able to just set one monitor to be an extension of the desktop as opposed to part of it. If you get me. Point him to google if he still doesn't get it. You have my sympathy... Rob __ 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] styling for two monitors
On Jan 8, 2008, at 1:53 PM, Sandy wrote: I have a site that is set up to center in the middle of a screen. The content is 880px wide, and it has a negative left margin margin-left: -440px; http://bradtrent.com/bradtrent.css This was all hunky dory but my client has now has two monitors, and is complaining on my computer where I'm running two monitors, when the page loads it opens up over both monitors, half on one and half on the other. Is there a way to tell the site that margin-left: -440px; means from the middle of *ONE* monitor, not from the middle of the two? a sample page is here http://bradtrent.com/gallery3/gallery312.html On my 2 monitor setup, it works just fine. Just for reference it's a iMac 19 with a 19 sony trinitron external monitor with a hack to enable the desktop extension (Didn't come that way from the factory... Just desktop mirroring.) The only way I can reproduce what you are talking about is if I actually stretch the browser screen across both screens end to end... Which then it centers really well in the middle of both monitors which is what I would expect. Jason, thanks for looking at this for me. Is it possible to restrict the site to a single monitor? Or shall I tell my guy to just shrink his great big browser window? Sandy Maybe you could with javascript tell it to open no winder then X pixels... But I don't know anything about it. To make it happen though I had to intentionally move my browser window over to the left hand monitor and click and drag it over to the right. I couldn't even hit the maximize button to make it happen. Personally I don't think it's anything that you as a site designer needs to worry about... If he doesn't like it stretching between the monitors, have him shrink it :) Like I said, when I did stretch it that wide, it still looked centered to me :) -- Jason Pruim Raoset Inc. Technology Manager MQC Specialist 3251 132nd ave Holland, MI, 49424 www.raoset.com [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] styling for two monitors
At 1:53 PM -0500 1/8/08, Sandy wrote: Is it possible to restrict the site to a single monitor? Or shall I tell my guy to just shrink his great big browser window? Sandy Sandy: Ahhh, I think I see what you're talking about now. If the user expands his browser window to cover two monitors, then your web page is in the center -- is that right? Well, that's the way it's supposed to work! Tell your client to get three monitors and the web page will be in the middle. Cheers, tedd -- --- http://sperling.com http://ancientstones.com http://earthstones.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] Puzzling IE7 behavior when scaling radio inputs
I am puzzled by some weird behavior by IE7. I want a design that people can scale reliably to help folks who want larger size print. So I have a page design that uses relative sizes. Works nicely with FireFox, Opera, etc. but IE7, with its peculiar zooming way of scaling, gets messed up. Example is at... http://staff.washington.edu/rells/test/puzzle/ At normal size, no problem. The tan Introduction bar is tight up against the top blue bar. Using IE7, if you scale up the size, a separation appears between the two bars and the radio button input fields begin to overlap their text labels. Scaling down to small sizes, the tan bar actually decreases height so much that it cuts off the Introduction text. |- Rick Ells - 543-2875 - [EMAIL PROTECTED] - Rm 011S MGH Bldg -| |-http://staff.washington.edu/rells/ -| __ 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] Puzzling IE7 behavior when scaling radio inputs
Rick Ells wrote: http://staff.washington.edu/rells/test/puzzle/ At normal size, no problem. The tan Introduction bar is tight up against the top blue bar. Using IE7, if you scale up the size, a separation appears between the two bars and the radio button input fields begin to overlap their text labels. Scaling down to small sizes, the tan bar actually decreases height so much that it cuts off the Introduction text. The gap/overlap between the tan bar and the above box is caused by the latter having position:relative, see [1]. Adding position:relative to body should fix this. The other problem (radio buttons/text overlapping) seems one of the cases that I tried to describe here [2] (I have an example with a checkbox.) The only fix that I know is to add word-spacing:0 (or letter-spacing:0) to a container (in your case the form should be a suitable one.) Test carefully, since there could be undesired side effects. Hope this helps, Bruno [1] http://www.brunildo.org/test/ie7_relzoom2.html [2] http://www.brunildo.org/test/ie7_badzoom.html -- Bruno Fassino http://www.brunildo.org/test __ 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] IE6 and 7 giving me fits. Please help?
Hi, I'm doing an elastic layout and it works in Safari, Firefox but of course...IE6 and 7 don't want to play nice. Could someone be as so kind to tell me what I'm doing wrong? here is the site: http://www.sthig.com/photo here is my CSS: http://www.sthig.com/photo/css/photo.css any help would be GREATLY apprecaited! Best -- S c o t t T h i g p e n Illustrative Designer art: http://www.sthig.com design: http://www.thigpendesigns.com Phone: 770.527.3958 __ 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] styling for two monitors
On Jan 9, 2008, at 3:21 AM, Sandy wrote: I have a site that is set up to center in the middle of a screen. The content is 880px wide, and it has a negative left margin margin-left: -440px; http://bradtrent.com/bradtrent.css This was all hunky dory but my client has now has two monitors, and is complaining on my computer where I'm running two monitors, when the page loads it opens up over both monitors, half on one and half on the other. Is there a way to tell the site that margin-left: -440px; means from the middle of *ONE* monitor, not from the middle of the two? a sample page is here http://bradtrent.com/gallery3/gallery312.html So the client maximises his/her browser over 2 monitors ? Sounds completely crazy, but I stopped being surprised by clients. body{max-width:1280px; margin:0} /* for good browsers */ see http://www.gunlaug.no/contents/wd_additions_14.html for IE 6 and max-width Philippe --- Philippe Wittenbergh http://emps.l-c-n.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE6 and 7 giving me fits. Please help?
Scott Thigpen wrote: Hi, I'm doing an elastic layout and it works in Safari, Firefox but of course...IE6 and 7 don't want to play nice. Could someone be as so kind to tell me what I'm doing wrong? here is the site: http://www.sthig.com/photo here is my CSS: http://www.sthig.com/photo/css/photo.css any help would be GREATLY apprecaited! Best Try adding {zoom:1%} to your #footer declaration to give it the hasLayout property. Doing that fixed it for me on IE6. IE7 (XPSP2) didn't appear to cause any trouble for me. __ 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] IE7 png problem
Hello everyone my name's Mark. Been struggling with a remake of my site have a problem with IE7. The content area of my site is wrapped in this div (which uses a semi- transparent png as the background to allow the body background image to show through): .content-inner { background-image: url(../images/bg3_02.png); background-repeat: repeat-y; height: auto; } However, when I place a div to contain a thumbnail image within this area I get a very strange result in IE7 (works perfectly in IE6, Safari FF). It appears the background-image in .content-inner gets overlaid on itself (effectively doubling the opacity of the png) only behind the area containing the thumbnail containers. The thumbnail container div: .section-thumb { float: left; margin-right: 20px; background-image: url(images/thumb-bg.png); width: 120px; text-align: center; background-repeat: no-repeat; height: 120px; } You can see the problem here: http://www.smartgrafix.com.au/smart3/photography.html I'd be most grateful for any suggestions on how to overcome this. Thanks in advance, cheers Mark Hancock [EMAIL PROTECTED] http://www.smartgrafix.com.au __ 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 and 7 giving me fits. Please help?
Scott Thigpen wrote: I'm doing an elastic layout and it works in Safari, Firefox but of course...IE6 and 7 don't want to play nice. Could someone be as so kind to tell me what I'm doing wrong? here is the site: http://www.sthig.com/photo here is my CSS: http://www.sthig.com/photo/css/photo.css any help would be GREATLY apprecaited! On Tue, 08 Jan 2008 16:55:20 -0800, Highpowered replied: Try adding {zoom:1%} to your #footer declaration to give it the hasLayout property. Doing that fixed it for me on IE6. IE7 (XPSP2) didn't appear to cause any trouble for me. You may find that 1% makes things a bit small. I suggest either {zoom: 1;} - or - {zoom: 100%;} Cordially, David -- __ 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 and 7 giving me fits. Please help? - a further explanation
Hello all, Two of you have made suggestions and helping me out and I really appreciate it, but I may have not explained myself well. I'm doing a fluid layout and it works well in Safari, Firefox but in IE6, when shrunk down, it breaks up. In IE7 when expanded, it breaks up. I just thought I'd further explain myself. here is the site: http://www.sthig.com/photo here is my CSS: http://www.sthig.com/photo/css/photo.css Thank you for your continued help! Best, Scott __ 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] seeking browser test by Mac browser
On Jan 8, 2008, at 2:18 PM, Liz Kelleher wrote: My site is www.snakegullycup.com.au . I have only just started designing websites and i generally use IE . I have checked site with firefox and it site works too, but recently checked on a Mac (not sure which browser) and what should be a horizontal nav across the header seems to break. What am i doing wrong? Was the browser IE 5 for Mac ? In that browser (which isn't really used anymore), the 'home' link is positioned incorrectly. And the large image in the header doesn't display. setting that image to 'clear:both' should fix most of your issues for that browser. You then can remove the 'clear:both on #main-body, as that partly causes another issue in IE Mac. The right hand column drops below the left one. One more fix to apply: reduce the left-margin on #sidebar from 40px to 20px. Philippe --- Philippe Wittenbergh http://emps.l-c-n.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] styling for two monitors
So you're client is maximizing (or manually sizing) their browser window to span multiple monitors. First, your site is not the ONLY one that they are going to have this complaint about. Second, if the client is doing this, then they are already used to the visual break from left-to-right on spreadsheets, documents, web pages, and everything else. What do they really want? Do they want you to anchor it to the left-side of the browser? What about dynamically centering it up to a certain width. Someone else suggested using max-width. I'd probably probe further to make sure the centering is their *real* complaint. The centering might only be a poor explanation on their part. For example, do they really mean that they would like it to be liquid and expand to fill their screen. Think about WHY someone would maximize a browser window across multiple screens. Visual impairment? If so, then restricting your page to ~1000 pixels width and fixed pixel sizes might be more of the problem. Do they simply like to ogle their amazing web site? My point is, find out WHY they are maximizing across two monitors, and why it is important *and okay* that the problem exists in many circumstances, but is unacceptable to them with their site. You may also want to explain that most users -- even those of us that are lucky enough to have multiple monitors, DON'T TYPICALLY expand the browser windows across multiple monitors. Think about that for a second. Even the best liquid layout would be visually hosed when you viewed it across 3800+ pixels. All of the text would run up into a few lines that would give you a migraine trying when trying to read 2 or 3 lines of text spanning horizontally across 2 or more monitors. Then you'd still have vertical stacks down the left (and right) sides of images, nav bars, etc. Just tell them that you'd be happy to fix the problem, but it goes OUTSIDE of standard web design practices and it will be a considerable cost increase. ...Rob __ 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 and 7 giving me fits. Please help? - a furtherexplanation
Hi Scott, Try setting the width to 29% for #nav3 and #picture. This should fix the wrapping problem in IE7. IE6 doesn't recognize the max-width and min-with properties so you will need to add an expression to calculate the width for IE6. Regards, Kepler Gelotte http://www.neighborwebmaster.com -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Scott Thigpen Sent: Tuesday, January 08, 2008 9:05 PM To: css-d Subject: Re: [css-d] IE6 and 7 giving me fits. Please help? - a furtherexplanation Hello all, Two of you have made suggestions and helping me out and I really appreciate it, but I may have not explained myself well. I'm doing a fluid layout and it works well in Safari, Firefox but in IE6, when shrunk down, it breaks up. In IE7 when expanded, it breaks up. I just thought I'd further explain myself. here is the site: http://www.sthig.com/photo here is my CSS: http://www.sthig.com/photo/css/photo.css Thank you for your continued help! Best, Scott __ 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/