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/
[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] 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. -- __ 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
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
--- On Tue, 4/14/09, Brian Hazelton 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 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
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, 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/
[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/
[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] 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/
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/
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] 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/