Re: [css-d] Strange Nesting Behavior in Firefox
On 22/6/07 03:23, Gpalz [EMAIL PROTECTED] wrote: The nested content div basically pulls the wrapper div downward, causing a gap. Background: The wrapper div has a width of 800px, contains a background image and is flush against the top browser window. This is how the wrapper div should look: Now,the nested content div has a width of 700px and a top margin of 40px to create some space. For some reason, the wrapper div gets pulled downward and is no longer flush with the top. Not good. Accidental Solution?: I discovered if I added a border to the wrapper, it pushes the wrapper up (what?!!) where it should be (flush with the top): The margin-top is coming out of the container DIV and pushing them both down. The solution is to use padding on the container: padding-top: 40px; which causes the desired effect without pushing both down. This is because of the top-margin calculation in the spec: The top margin of an in-flow block-level element is adjoining to its first in-flow block-level child's top margin if the element has no top border, no top padding, and the child has no clearance. From: http://www.w3.org/TR/CSS21/box.html#collapsing-margins __ 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] Table sizing - wide captions
On Sat, 23 Jun 2007, Trevor Nicholls wrote:
my problem is what happens when the caption is
much wider than the table rows.
We could try to address the problem by setting an explicit width for the
caption, but in addition to being inconvenient (how could we know the
right width?), it does not seem to work on IE.
There's the simple method of using
caption { white-space: nowrap; }
but it might be _too_ effective. The caption element might contain
explicit line breaks, br, though. (Simulating them in CSS is not
a practical option.)
Optional line breaks - line break opportunities - could be coded in HTML
as wbr, which is nonstandard but widely supported. There is no direct
CSS counterpart. I thought that instead of
captionfoo barwbr some stuff/caption
with caption { white-space: nowrap; }
you could use
captionspan class=partfoo bar/span span class=partsome
stuff/span
with caption .part { white-space: nowrap; }
but this does not seem to work on IE 7 or Firefox 2. So I think you're
back to using either wbr or br if you don't want the caption appear on
one line, yet make it wider than the table proper.
Or do I have to address this at the HTML level (ultimately this will be the
XML level, where various elements map onto tabular equivalents)?
The white-space property should work well for XML documents as well.
You might also consider whether it is possible, in some cases, to avoid
the problem by using shorter captions. After all, a table caption should
be concise, heading-like; elements before or after the table, or maybe
thead or tfoot elements, might be used to give additional explanations.
--
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] overflow:hidden
Timu, I am using the newest Firefox and everything looks good. I can see no problems. Regards, Barney Timu EREN wrote: Hi, I am try do kickOff menu for web and i am using prototype and script aculo us, i am finish and this is work fine with ie, opera, safari, and konqueror but is not work fine with firefox, i think firefox and overflow:hidden problem with absolute and relative elements or firefox is not render some changes becouse mouse event, if you are check css code and if you say anythink for about this you'r make be happy. css and js code is there: http://selam.sonsuzdongu.com/projects/kickOff __ 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] overflow:hidden
Buggy? That effect could look really good! Regards, Barney Timu EREN wrote: Thank you Barney, i fixed 2 or 3 hour before, problem is on .pane class in favorities-submenu-pane, .pane class is overflow:auto if you want to see bugy version look at here: http://selam.sonsuzdongu.com/projects/kickOff/bugy.html i am fixed in js code and css code on page (index.html) 2007/6/22, Barney Carroll [EMAIL PROTECTED]: Timu, I am using the newest Firefox and everything looks good. I can see no problems. Regards, Barney Timu EREN wrote: Hi, I am try do kickOff menu for web and i am using prototype and script aculo us, i am finish and this is work fine with ie, opera, safari, and konqueror but is not work fine with firefox, i think firefox and overflow:hidden problem with absolute and relative elements or firefox is not render some changes becouse mouse event, if you are check css code and if you say anythink for about this you'r make be happy. css and js code is there: http://selam.sonsuzdongu.com/projects/kickOff __ 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] overflow:hidden
Thank you Barney, i fixed 2 or 3 hour before, problem is on .pane class in favorities-submenu-pane, .pane class is overflow:auto if you want to see bugy version look at here: http://selam.sonsuzdongu.com/projects/kickOff/bugy.html i am fixed in js code and css code on page (index.html) 2007/6/22, Barney Carroll [EMAIL PROTECTED]: Timu, I am using the newest Firefox and everything looks good. I can see no problems. Regards, Barney Timu EREN wrote: Hi, I am try do kickOff menu for web and i am using prototype and script aculo us, i am finish and this is work fine with ie, opera, safari, and konqueror but is not work fine with firefox, i think firefox and overflow:hidden problem with absolute and relative elements or firefox is not render some changes becouse mouse event, if you are check css code and if you say anythink for about this you'r make be happy. css and js code is there: http://selam.sonsuzdongu.com/projects/kickOff __ 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/ -- Saygılar İyi Çalışmalar Timu EREN ( a.k.a selam ) __ 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] Design for IE6 or IE7?
Hi, Is there a consensus whether one should design, using css, for IE6 or IE7? I looked up some latest stats and more people are still using IE6. I just wanted people's thoughts on this. Thanks, spellmank __ 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] Design for IE6 or IE7?
KS wrote: Hi, Is there a consensus whether one should design, using css, for IE6 or IE7? I looked up some latest stats and more people are still using IE6. I just wanted people's thoughts on this. Why not Both? It's not hard to pull off. There's plenty of tricks and fixes for both browsers to make both display properly. __ 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] image disappears in IE
Hey all, Could you please take a look at this? http://sandyfeldman.com/test/cbs/test02.html http://sandyfeldman.com/test/cbs/cbs2.css When I browsercam this page to see it in IE6 and IE7 the logo in the top left corner of the page disappears. It's in its own div, on top of two other divs. I can't think what is going on with this ... Thanks in advance for your help - it's great to know you guys are out there! Sandy __ 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] Design for IE6 or IE7?
On Fri, 22 Jun 2007 13:32:28 -0400, KS wrote: Hi, Is there a consensus whether one should design, using css, for IE6 or IE7? I looked up some latest stats and more people are still using IE6. I just wanted people's thoughts on this. Now that we are not quite so constrained by IE6's limitations (in IE7), I am designing my personal web pages using more advanced CSS. This is rekindling my interest in more advanced CSS designs, as well as playing with alpha transparency in PNGs. I fear that IE6 will be with us for some time. So now I am playing with Dean Edwards's IE7 script. To date, I avoided this approach because of the uncertainty of IE6 users having scripting enabled. Now that IE6 is not used by 80%+ of my visitors, I think this approach more viable. It's doubtful you will find a consensus, any more than there is a consensus on which materials one should use to build a house (wood, bricks, adobe ...). But the opportunity to build web sites with advanced CSS is one I personally find hard to resist. As for using CSS *at all* for constructing web pages, well, sad as it is to reflect on now, it was IE5, especially the Mac version, that made CSS based web page design viable. Since 1999. (My opinion, of course.) Cordially, David -- __ 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 disappears in IE
Sandy wrote: http://sandyfeldman.com/test/cbs/test02.html http://sandyfeldman.com/test/cbs/cbs2.css When I browsercam this page to see it in IE6 and IE7 the logo in the top left corner of the page disappears. It's in its own div, on top of two other divs. I see the logo in IE 6 and 7. Looks like Browsercam is wrong. Zoe -- Zoe M. Gillenwater Design Services Manager UNC Highway Safety Research Center http://www.hsrc.unc.edu __ 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 disappears in IE
Sandy wrote: http://sandyfeldman.com/test/cbs/test02.html http://sandyfeldman.com/test/cbs/cbs2.css When I browsercam this page to see it in IE6 and IE7 the logo in the top left corner of the page disappears. It's in its own div, on top of two other divs. Zoe wrote: I see the logo in IE 6 and 7. Looks like Browsercam is wrong. I don't know if it's the case here, but for some pages you need to set the time delay in BrowserCam to get a reliable capture. -Mike __ 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 disappears in IE
Michael, Zoe, Thanks so much for going and checking this out. Sophie spotted the problem - I had the size of the image set at width= height= while I was trying different size versions of the logo, and I forgot to fill it in when I settled on a size. I was looking right at it and didn't see it. This list rocks! Sandy http://sandyfeldman.com/test/cbs/test02.html http://sandyfeldman.com/test/cbs/cbs2.css I see the logo in IE 6 and 7. Looks like Browsercam is wrong. I don't know if it's the case here, but for some pages you need to set the time delay in BrowserCam to get a reliable capture. __ 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] Design for IE6 or IE7?
Afternoon Spellmank You wrote Hi, Is there a consensus whether one should design, using css, for IE6 or IE7? I looked up some latest stats and more people are still using IE6. I just wanted people's thoughts on this. Thanks, spellmank The long time consensus on the list has been to *design* and CSS / xHTML code for Standard Compliant Browsers ( Firefox, Opera, etc) and tweak / fix the IE browsers as needed. That's the model I've used for several years. I test IE 6 and 7 early and often as I build the site so as not to get to far ahead of those browsers. I find it makes sense to fix / tweak IE as soon as I see a problem rather than wait until I'm ready to release the site to the Public / Client, only to find out that the 800 pound guerilla isn't happy with my CSS or xHTML Wishing you all a great weekend. Jim Nannery www.sylvesterneal.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] overflow:hidden
Hi barney, thanks for interesting my problem and i make be happy you'r say i make a vidoe for buggy version and if you want watch you can access on here http://selam.sonsuzdongu.com/projects/kickOff/buggy.mpeg Firefox version is on this video Iceweasel/2.0.0.3 Debian-2.0.0.3-2 Note: iceweasel another name for firefox on debian. Cuma 22 Haziran 2007 tarihinde, Barney Carroll şunları yazmıştı: Buggy? That effect could look really good! Regards, Barney Timu EREN wrote: Thank you Barney, i fixed 2 or 3 hour before, problem is on .pane class in favorities-submenu-pane, .pane class is overflow:auto if you want to see bugy version look at here: http://selam.sonsuzdongu.com/projects/kickOff/bugy.html i am fixed in js code and css code on page (index.html) 2007/6/22, Barney Carroll [EMAIL PROTECTED]: Timu, I am using the newest Firefox and everything looks good. I can see no problems. Regards, Barney Timu EREN wrote: Hi, I am try do kickOff menu for web and i am using prototype and script aculo us, i am finish and this is work fine with ie, opera, safari, and konqueror but is not work fine with firefox, i think firefox and overflow:hidden problem with absolute and relative elements or firefox is not render some changes becouse mouse event, if you are check css code and if you say anythink for about this you'r make be happy. css and js code is there: http://selam.sonsuzdongu.com/projects/kickOff __ 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/ -- Saygılar İyi çalışmalar Timu EREN (a.k.a selam) signature.asc Description: This is a digitally signed message part. __ 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 disappears in IE
Sandy wrote: Michael, Zoe, Thanks so much for going and checking this out. Sophie spotted the problem - I had the size of the image set at width= height= while I was trying different size versions of the logo, and I forgot to fill it in when I settled on a size. I was looking right at it and didn't see it. This list rocks! Sandy http://sandyfeldman.com/test/cbs/test02.html http://sandyfeldman.com/test/cbs/cbs2.css I see the logo in IE 6 and 7. Looks like Browsercam is wrong. I don't know if it's the case here, but for some pages you need to set the time delay in BrowserCam to get a reliable capture. Yes. The image does appear in IE6.0 and IE7.0. You did not ask if the text shoots under it, and is unreadable, for those of us who are blind in one eye and can't see out the other and need to scale the fonts regardless of the OS/browser being used. 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] Strange Nesting Behavior in Firefox
Thanks Brad. I gave it a try, but it didn't work. Guess I'll go with the border hack to push it back up. Bradley Wright wrote: On 22/6/07 03:23, Gpalz [EMAIL PROTECTED] wrote: The nested content div basically pulls the wrapper div downward, causing a gap. Background: The wrapper div has a width of 800px, contains a background image and is flush against the top browser window. This is how the wrapper div should look: Now,the nested content div has a width of 700px and a top margin of 40px to create some space. For some reason, the wrapper div gets pulled downward and is no longer flush with the top. Not good. Accidental Solution?: I discovered if I added a border to the wrapper, it pushes the wrapper up (what?!!) where it should be (flush with the top): The margin-top is coming out of the container DIV and pushing them both down. The solution is to use padding on the container: padding-top: 40px; which causes the desired effect without pushing both down. This is because of the top-margin calculation in the spec: The top margin of an in-flow block-level element is adjoining to its first in-flow block-level child's top margin if the element has no top border, no top padding, and the child has no clearance. From: http://www.w3.org/TR/CSS21/box.html#collapsing-margins __ 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] site check pc explorer
can you tell me if this works on ie 6 on pc. http://www.lankafest.com/ [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/
Re: [css-d] site check pc explorer
On Fri, 22 Jun 2007 18:28:42 -0700, rashantha de silva wrote: can you tell me if this works on ie 6 on pc. http://www.lankafest.com/ No, it doesn't. Sorry. Testing on Win xp Pro using standalone IE6 -- #1 The PNG fix is not working #2 Can only resize *some* text by using accessibility options #3 Text size is very small - 7 points print equivalent on my 15 screen #4 Increasing text size by any amount creates an unreadable page #5 If images don't load I get very little content (no alt text on images) #6 There is a long blank area between the body content and the footer Cordially, David -- __ 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] site check pc explorer
Exactly what David said - this is precisely what I'm seeing on IE6, Windows XP. ~Shelly __ 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/
