Re: [css-d] Firefox bug on on new Macs?
Michael Leibson wrote: This is in reference to uri: http://www.thinkingmusic.ca/ Hi, David; Thanks for this feedback! A few things I didn't quite get: Interesting visual. It would be nice to pull it off. No AP needed. Really? How would one go about duplicating it without absolute positioning? By using a float based construction. Set the black-like color as a background image. I'm assuming you mean background image for the BODY element, yes? Yes. Set no height on containers carrying movable text. I'm assuming you mean 'in order to get a fluid design, in which text can be zoomed'. Yes, in order to get a vertically fluid layout so the type will not shoot out the bottom of hard coded containers when fonts are scaled. If so, I guess I'd have to make all text containers that way. On some of my pages, I used text-align: justify -- and hyphenation coupled with br -- to get some kind of acceptable text display within my #left div. That text juggling would have to go, wouldn't it? See above. http://chelseacreekstudio.com/ca/cssd/think.htm http://chelseacreekstudio.com/ca/cssd/think.htm Hmm. . . I got a Not Found message, rather than the page. Probably because I hadn't had time to pick up my email till today, two days later? I'd still like to see what you've done, though, if that's not too inconvenient for you. I ate it :-) . Pemanently deleted it. Just as well-- better to do it yourself. If you want a fluid layout try this one: http://blog.html.it/layoutgala/LayoutGala31.html If you want a fixed width try this one: http://blog.html.it/layoutgala/LayoutGala36.html Either way change the font-size from 76 to 100%. The extra division is not needed for your layout. The high specifity is not needed on the selectors, either. div#container{...} can be #container{...} Treat it solely as a 2 col layout for now. The top jag you have can be added latter. Keep all the list items in the left column. You might use this list construction: http://css.maxdesign.com.au/listamatic/vertical08.htm Keep it very simple. Validate the CSS and markup as you go. Code to Opera/Firefox/Safari. Cursory checked IE 6/7. Mac FF, Safari, Camino. And Mac Opera at min-font size 32px Ah, now I get it. . . and your earlier feedback, I think: you set those browsers for a min-font size of 32 px to see if your design would withstand that large font-size? I only set Opera at minimum font-size. The other compliant browsers where checked at +3 font-scaling. And IE 6/7 at text-size largest. To be honest, I'd never even known about browser minimum font sizes -- I'd only worried about 'zoom'. Thanks for taking the time to point these things out, David -- I appreciate it! Sure. Please write the list, not just me. Others on the list may have suggestions for you. All the best, Michael ~d __ 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] webpage size
Brian Hazelton wrote: Just out of curiosity, if i had a page with a width of 768px total, and the rest is a subtle bg, would that be too small of a width? Opinions abound on that subject. Depends on the market you and/or your client hope to meet. For now let's just say 768px width is just fine... __ 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] webpage size
768 is great if you want to target hardcopy-printers on US-Letter sized paper... 720-740 is better for Euro-A4... If that is of any help... *** REPLY SEPARATOR *** On 14/04/2009 at 2:42 a.m. David Laakso wrote: Brian Hazelton wrote: Just out of curiosity, if i had a page with a width of 768px total, and the rest is a subtle bg, would that be too small of a width? Opinions abound on that subject. Depends on the market you and/or your client hope to meet. For now let's just say 768px width is just fine... --- Karl Teknofile Services www.teknofile.co.nz Please consider the environment before printing this email. __ 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] ADMIN: OFF TOPIC (webpage size)
At 8:01 PM -0600 4/13/09, Brian Hazelton wrote: Just out of curiosity, if i had a page with a width of 768px total, and the rest is a subtle bg, would that be too small of a width? I don't know, but what I DO know is that knowingly posting an off-topic message is in violation of list policies, not to mention a clear indication that you don't respect the 8600+ list members who signed up for the list on the promise of discussing and learning about CSS, not to be a generic web design advice column. Please understand that I don't have anything against general web design advice columns or venues. It's simply that this is not one of them. This is instead a very focused CSS help and advice venue. I hope that's clear. If anyone wants to take this topic up with Brian, do it off list. Thank you. -- Eric A. Meyer (http://meyerweb.com/eric/), List Chaperone CSS is much too interesting and elegant to be not taken seriously. -- Martina Kosloff (http://mako4css.com/) __ 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] Vertically centering text in a paragraph
Jonny Stephens wrote: On Apr 13, 2009, at 9:45 AM, Tim Dawson wrote: I'm working on a site which has several images on the page (300x225px). Each image has some descriptive text alongside, which generally is not as high as the image. My client would like the text vertically centred on the image. http://www.mull-bed-and-breakfast.co.uk/newcrofts/self-catering.php Here's a method that may work where the elements have minimal styling: http://bloog.co.uk/3rd/mull/vertical.html Thanks, Jonny, it seems a lot less complicated than some solutions I've seen. I'll give it a go Tim -- Tim Dawson Maolbhuidhe Fionnphort Isle of Mull PA66 6BP 01681 700718 __ 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] CSS footer article from A List Apart breaks when width is added (in ie6)
I have been using this footer technique for a while: http://www.alistapart.com/articles/footers uses an absolutely positioned footer Example 3 is the final version that dose not use any scripting. It looks great in ie6 (and everything else) until you add a width declaration to the container #container { position: relative; min-height: 100%; height: 100%; voice-family: \}\; voice-family: inherit; height: auto; background:url(/images/bg/blue_bg.png) -3px 0 repeat-y; /* breaks if added */ width:500px; } then the footer rises to the bottom of the content. Any one know why? Any one know a working bottom-of-the-browser-fixed footer with width technique? Thanks, -Dinshaw __ 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] background images
When should I use an image and when should i use it as a background image. Since CSS allows designers to seperate content from styling, when should I use the image tag or should I never use the image tag? __ 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] Weird spacing in IE (go figure)...
Hi all. First of all, thanks to those who have helped me before. You've made learning CSS a bit easier to use in the real world. Now, I have a little bit of a spacing problem. All my page look good in Safari, Firefox Mac and PC, but the LINKS and DOWNLOADS pages have this big space in them in IE. Would someone please go to http://www.mhinonline.com/dev and see what I have missed, or didn't do? Thanks, Michael __ 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] background images
At 10:10 April 2009 Brian Hazelton wrote When should I use an image and when should i use it as a background image. Since CSS allows designers to seperate content from styling, when should I use the image tag or should I never use the image tag? Hi Brian, Have you done any background reading on this topic?[1] To cut a long story short, the summary version is background images for presentation, img tags for content. In some cases that will be a judgement call, but for the most part it's self explanatory. [1] http://tinyurl.com/cssvimg Mark __ 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] background images
--- On Tue, 4/14/09, Brian Hazelton bdh_2...@comcast.net wrote: When should I use an image and when should i use it as a background image. Semantically (and generally) speaking, it's recommended that you use an img element if the image is actually part of the content (e.g. you're displaying a bunch of photos, maybe with comments) and a background image if it's 'decoration', such as a border. Of course, this can be subjective and the distinction gets somewhat blurry - a logo, for example, is not as obviously classified as the previous two examples. You may also find various benefits of one or the other for styling purposes, but you should try and avoid breaking the general rule if possible. - 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] background images
On 15/04/2009, at 8:10 AM, Brian Hazelton wrote: When should I use an image and when should i use it as a background image. If an image is purely decorative, it makes sense to utilise css background techniques and keep it out of the content flow. If on the other hand it's an integral part of the page information - say a photo of the rooms in an apartment to be rented, product photo or illustration, location map etc, then it makes sense to have it as an img in the content, along with appropriate alt (and optionally title and long description tags). However I think may be more appropriate for discussion on webdesign-l (http://webdesign-L.com/)? Regards, KathyW. __ 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] background images
I have been told by a couple people this is off topic, I am not sure how and to avoid angering eric any more I would like to get a clarification as to how it is off topic and would like to apologize to everyone if it is indeed off topic. Thanks __ 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] background images
Brian Hazelton wrote: I have been told by a couple people this is off topic, I am not sure how and to avoid angering eric any more I would like to get a clarification as to how it is off topic and would like to apologize to everyone if it is indeed off topic. Thanks I would opine that this is perfectly acceptable for this list as your question relates to whether or not to use CSS in a particular case. While it's not exactly a 'how-to' question, it certainly relates to CSS Best Practice. Furthermore, as list moderators go, I've always found Eric to be very rational and compassionate in his moderation of this list. I doubt his reaction would be anything akin to anger regarding your question. That being said, I think you'll also find Kathy's suggestion to check in on webdesign-l useful for answers to this question. -- !-- ! Bill Brown macnim...@gmail.com ! Web Developologist, WebDevelopedia.com -- __ 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] ie8 bug? The container div is inexplicably jumping around. Please help!
Hi all, Is this an ie8 bug? I have stared at this so long that I know I am missing something stupid. The site is at: http://gti.websitewelcome.com/~wwwbloc/ when you click on one of the other navigation links to : http://gti.websitewelcome.com/~wwwbloc/index.php?id=47 or http://gti.websitewelcome.com/~wwwbloc/index.php?id=50 the main container or wrapping div shifts over 8 pixels. I don't understand. It reminds me of the double margin bug from ie6. What is the fix? Many Thanks, Noah __ 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] ie8 bug? The container div is inexplicably jumping around. Please help!
Noah Learner wrote: Is this an ie8 bug? No, it is intentional. The vertical scrollbar is removed when pages are shorter than the browser-window, making the available window wider. Auto-centering (in your stylesheet) then makes pages jump half the scrollbar-width left or right depending on how tall they are. Same happens in most, if not all, non-IE browsers, while IE7 and older keep the scrollbar in place also when there's no need for it. Nothing to fix IMO, but you can of course make the page artificially 100% + 1px tall (or something), or control the overflow - on the html element. regards Georg -- http://www.gunlaug.no __ 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/