Re: [css-d] Text won't flow around images in IE
Carolyn Rosner wrote:
Apologies if this has been asked a million times, but how do I get text to
flow around floated images in IE? I don't put my images in divs; I just plunk
them at the beginnings of paragraphs or heads and float them right or left.
But in IE, the text won't wrap; it jumps below the bottom of the image. Code
is:
.leftimage { float: left;margin: 10px 15px 10px 0; }
Is there a workaround?
Thanks for any advice, Carolyn
There is no work around apart from markup changes. The only browsers
that handle this construction correctly is IE8 and Opera 9. please see
test case.
http://css-class.com/test/css/visformatting/float-inline-content.htm
--
Alan http://css-class.com/
Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Text won't flow around images in IE
Alan Gresley wrote: There is no work around apart from markup changes. The only browsers that handle this construction correctly is IE8 and Opera 9. please see test case. http://css-class.com/test/css/visformatting/float-inline-content.htm Now having the chance to check in Safari 3.2.3 I see that it handle this construction correctly. I see the drop in Firefox 3.0.10 (haven't got 3.5.4 to check) and IE7- and only if the floated element is an inline element img span. -- Alan http://css-class.com/ Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] PNG alpha transparancy
15 maj 2009 kl. 17.33 skrev Erik Vorhes: On Fri, May 15, 2009 at 5:12 AM, Gunther Van Butsele g...@velleman.be wrote: A young webdesigner colleague of mine insists on using PNG's with alpha transparancy in his designs, mostly because he uses a lot of gradients and he wants them to flow seamlessly into the other backgrounds. What do you guys think? Use it or lose it? You could use one of the many tricks to add PNG alpha transparency to Internet Explorer 6 [...] My preferred option for PNG transparency, though, is to create PNG-8 with alpha transparency [...] I recently learned that filters have a serious backdraw: they heavely increase the memory consumption in the client, http://developer.yahoo.com/performance/rules.html#no_filters . So it's wisely to avoid them and go for the PNG8 suggestion Erik mention here. Kind regards lars olof __ 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] Text won't flow around images in IE
Alan Gresley wrote: There is no work around apart from markup changes. The only browsers that handle this construction correctly is IE8 and Opera 9. please see test case. http://css-class.com/test/css/visformatting/float-inline-content.htm I should say that this should work correctly in Firefox 3.54 if it is this bug. https://bugzilla.mozilla.org/show_bug.cgi?id=50630 -- Alan http://css-class.com/ Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] site check please?
Hi, all, I've created this site: http://evamoon.net and it looks all right as far as I can see in FF and current versions of IE, but when I open the pages in DreamWeaver the left sidebar appears in the lower right and the navbar position overlaps the top of the content area. I don't really care if it looks odd in DW, but the fact that it does makes me worried that it might be broken elsewhere and I just haven't seen it. Would you all mind terribly having a look and letting me know if there are problems with the CSS? The CSS validates, though there are some warnings and the HTML mostly validates except for things related to the flash slide show. Thanks so much! (and btw, Eva Moon is my stage name) Jody -- TroutDream Graphics, Inc. Always fresh. Never canned. http://troutdream.com 425-883-8277 928-833-8277 fax __ 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] Text won't flow around images in IE
On May 17, 2009, at 11:09 PM, Alan Gresley wrote: I should say that this should work correctly in Firefox 3.54 if it is this bug. https://bugzilla.mozilla.org/show_bug.cgi?id=50630 What you describe in your testcase [1] _is_ that bug, and it does work according to spec in Firefox 3.5b4. [1] http://css-class.com/test/css/visformatting/float-inline-content.htm Philippe --- Philippe Wittenbergh http://l-c-n.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] site check / footerstickalt problem
Hi, we are making some cosmetic tweaks to a site I designed five years ago: Eliminating some of the fixed and pseudo-fixed elements and rearranging elements on the home page. This has also permitted a change from quirks mode to standards mode rendering. There is still some use of The reworked page is at http://www.newzealandmint.com/nzmint_test.html (all css inline for now) The old page is at http://www.newzealandmint.com My own observations so far: 1) The menus have stopped working (all browsers). They were the other night so I'm trying to backtrack what has changed since then. (it isn't footerstickalt) Alas this site isn't in SVN. 2) Footerstickalt isn't sticking - the footer is merely being placed at the bottom of the in-flow content then margin-shifted upwards. 3) The client has checked in IE8 and says that when the viewport is narrowed the bullion and precious metals images overlap rather than dropping to vertical alignment. 4) In IE6, #heading is going extremely wide (much more than 100%), causing horizontal scrolling and the centred content block to drift to the right. -- Richard Grevers, New Plymouth, New Zealand Dramatic Design www.dramatic.co.nz __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] site check please?
Jody Levinson wrote: Hi, all, I've created this site: http://evamoon.net and it looks all right as far as I can see in FF and current versions of IE, but when I open the pages in DreamWeaver the left sidebar appears in the lower right and the navbar position overlaps the top of the content area. I don't really care if it looks odd in DW, but the fact that it does makes me worried that it might be broken elsewhere and I just haven't seen it. Would you all mind terribly having a look and letting me know if there are problems with the CSS? The CSS validates, though there are some warnings and the HTML mostly validates except for things related to the flash slide show. Thanks so much! (and btw, Eva Moon is my stage name) Jody Jody, I do not think you can trust how anything looks in any editor's viewer-- including DW's. While someone else may bring up the issue you wrote about, I do not see it on this end in Mac FF, Mac Opera, Mac SeaMonkey, or Mac Safari. Nor in XP IE 6/7/8. As an unrelated aside, I prefer my font-size preference (default), rather than yours. And, mind that, neither Opera nor the IE browsers are capable of scaling line-height set in pixels. A raw number for line-height will suffice. Please see http://chelseacreekstudio.com/ca/cssd/eva.png (shot at 32px min-font size in Opera). Best, Samuel Langhorne Clemens, (better known by the pen name Mark Twain) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] site check please?
On 18/05/2009, at 12:06 PM, David Laakso wrote: Jody Levinson wrote: Hi, all, I've created this site: http://evamoon.net and it looks all right as far as I can see in FF and current versions of IE, but when I open the pages in DreamWeaver the left sidebar appears in the lower right and the navbar position overlaps the top of the content area. I don't really care if it looks odd in DW, but the fact that it does makes me worried that it might be broken elsewhere and I just haven't seen it. Would you all mind terribly having a look and letting me know if there are problems with the CSS? The CSS validates, though there are some warnings and the HTML mostly validates except for things related to the flash slide show. Thanks so much! (and btw, Eva Moon is my stage name) Jody Jody, I do not think you can trust how anything looks in any editor's viewer-- including DW's. While someone else may bring up the issue you wrote about, I do not see it on this end in Mac FF, Mac Opera, Mac SeaMonkey, or Mac Safari. Nor in XP IE 6/7/8. As an unrelated aside, I prefer my font-size preference (default), rather than yours. And, mind that, neither Opera nor the IE browsers are capable of scaling line-height set in pixels. A raw number for line-height will suffice. Please see http://chelseacreekstudio.com/ca/cssd/eva.png (shot at 32px min-font size in Opera). Best, Samuel Langhorne Clemens, (better known by the pen name Mark Twain) I agree, Don't worry what Dreamweaver makes of it. It looks fine on my Safari (Version 4 Public Beta (5528.17)). If I want to know the 'scoop' I should go to the 'Snoop' button in the menu? And 'stop the presses' is wrong, 'press' is plural. Nice use of transparency in the bottom fixed image. What technique did you use? CB __ 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/
