Re: [css-d] strange problem with float
I believe there are also virtual machine images available from MS that can be used under MS' proprietary VM "player", that include differing versions of IE. Or you can use Linux. Sun's VirtualBox will happily install and run Windows in a VM. You set up a VirtualBox image, make a copy of it, run the copy and upgrade the IE installed in that copy, etc ... ;-) Kyle Sessions wrote: > There was recent talk on this list of using MultipleIEs for that sort > of thing, but I seem to remember some issue with MultipleIEs not > playing nicely with IE8. For my cross-browser testing, I use IE > Collection, available here: > http://finalbuilds.edskes.net/iecollection.htm . For users of Win XP, > Vista, or 7, it allows you to simultaneously have installed standalone > versions of all versions of IE from 1.5 through 8.0 (and a subset of > those versions for other flavors of Windows. There's a compatibility > chart on the website). I have had no problems with it so far. > > Kyle > > On Fri, Jan 22, 2010 at 3:03 PM, oliver wrote: >> On Fri, Jan 22, 2010 at 4:22 PM, Climis, Tim wrote: Not sure yet what the fix is. Or, if you know of a free CSS exploration tool *for IE* like the (awesome!) javascript console that comes with Chrome, I could try using such a tool to figure it out. >>> Well, there's the IE Developer toolbar. It's only good for IE7 (although >>> IE8 comes with it built in). ... >>> >>> It's not as awesome as Firebug, or the Webkit Console, but it's >>> significantly >>> better than nothing, and it's what let me find your color issue so quickly. >> Thanks Tim, I'll check it out... though I'd like to not get rid of my >> IE6. Are there ways to install IE7 and/or IE8 without loosing IE6? >> I've seen a couple sites that discuss that but replies by users who >> tried the techniques/installer indicate system crashes etc can result. >> __ >> 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/ >> > > > -- David gn...@hawaii.rr.com authenticity, honesty, community __ 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] strange problem with float
IE Collections works great. Plus it includes that dev tool bar, which
is nearly as nice as the webkit js console in Chrome, thanks Tim for
that link.
Also:
On Fri, Jan 22, 2010 at 10:49 PM, Alan Gresley wrote:
> oliver wrote:
>>
>> Found this, but not sure yet if this is still something ongoing:
>>
>> http://blogs.msdn.com/ie/archive/2007/04/17/ie7-virtual-pc-image-and-ie6-virtual-pc-image-refresh.aspx
>>
>> I have read that the way to go is VM's because multiple IE's just too
>> brittle. The above would be great.
>> Oliver
>
>... Looking at this page,
>
> http://pubsub.sourceforge.net/
>
> I see no difference in rendering between FF and IE6.
That's odd because I just reran all three versions of IE just now
using IE Collections, and IE6 is the only one that still has a minor
glitch in the display (the thin gray area far right), while IE7 and
IE8 display just fine (since I realized the obsolete CSS stuff after
Tim's first reply) and identically to FF and GC.
In any case I'm not going to worry about the minor IE6 issue unless it
turns out to be more than just cosmetic further down the road. The
w3schools browser stats
(http://www.w3schools.com/browsers/browsers_stats.asp) indicate that
IE7, 8, FF, GC, Safari and Opera cover 85% of users. IE6 is 10%.
Oddly, just tried with Opera and that one shows the pubsub.sf.net page
worse than IE6 by far (Safari does well, identical to GC/FF).
> to any version prior to IE8 can be better coded in your css as.
>
> * html div.localsidebarpanel {
> width: 163px; /* For IE6- */
> }
> *:first-child+html div.localsidebarpanel {
> width: 163px; /* For IE7 */
> }
>
> --
> Alan http://css-class.com/
Good to know, thanks Alan. Cheers,
Oliver
__
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] strange problem with float
oliver wrote:
> Found this, but not sure yet if this is still something ongoing:
>
> http://blogs.msdn.com/ie/archive/2007/04/17/ie7-virtual-pc-image-and-ie6-virtual-pc-image-refresh.aspx
>
> I have read that the way to go is VM's because multiple IE's just too
> brittle. The above would be great.
> Oliver
Stop listening to all those experiences with Multiple IE. Every time a
new version of IE is released, it rewrite the IE version vectors. This
is what should happen. Multiple IE basically hacks the registry with an
existing IE version so IE conditional comment work as expected.
I myself do not see anything inside condition comments that are
targeting any version less than IE8 (with IE7 ComMode) since I have not
re-installed Multiple IE. I prefer it this way. Looking at this page,
http://pubsub.sourceforge.net/
I see no difference in rendering between FF and IE6. To add CC to your
code just to send this,
div.localsidebarpanel {
width: 163px;
}
to any version prior to IE8 can be better coded in your css as.
* html div.localsidebarpanel {
width: 163px; /* For IE6- */
}
*:first-child+html div.localsidebarpanel {
width: 163px; /* For IE7 */
}
--
Alan http://css-class.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] strange problem with float
Kyle Sessions wrote: > There was recent talk on this list of using MultipleIEs for that sort > of thing, but I seem to remember some issue with MultipleIEs not > playing nicely with IE8. (snip) If you followed the thread completely, you would have heard that un-stalling and re-installing Multiple IE resolves the version vectors issue. I presume the same thing will happen when IE9 overwrites IE8 in late 2010 or 2011. Anyway IE8 uses hasLayout. Redmond will be working overtime. More in due time. -- Alan http://css-class.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] float: left; height: 100%?
> On Wed, Jan 06, 2010 at 11:57:46AM -0800, Thierry Koblentz wrote: > > > > > > Looks like a proper use for a table to me - with a background colour on > > > the table cells. > > > > > > HTH > > > > > > > > Could this also be done with a definition list and then styling the > > tag? > > > > We don't know much about the data but I agree, a DL could be another way > to > > go (definitely not a table). > > When using a DL it would be the DDs that would need background styling, > not > > the DTs though (see David's suggestion). > > Thanks, I just tried following your suggestion and switching to a , but > have the same problem that the background doesn't extend the full > height > of the , > > That's because you're styling the wrong elements :) > The elements you apply a background to are the only ones that do not need to > be styled (the DTs), > Use the DLs for the grey background and the DDs for the white one. Thanks a lot Thierry, I think this would've worked I ended up using the technique from, http://positioniseverything.net/articles/onetruelayout/equalheight Like so - http://www.sfu.ca/~jdbates/tmp/css/201001220/ AFAICT, the only difference between this technique and your suggestion is that with this technique, the s can can have transparent background Thanks again! __ 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] float: left; height: 100%?
On Wed, Jan 06, 2010 at 11:57:46AM -0800, Thierry Koblentz wrote: > > > > Looks like a proper use for a table to me - with a background colour on > > the table cells. > > > > HTH > > > > > Could this also be done with a definition list and then styling the > tag? > > We don't know much about the data but I agree, a DL could be another way to > go (definitely not a table). > When using a DL it would be the DDs that would need background styling, not > the DTs though (see David's suggestion). Thanks, I just tried following your suggestion and switching to a , but have the same problem that the background doesn't extend the full height of the , http://www.sfu.ca/~jdbates/tmp/css/201001060/ The app I'm working on currently uses a , e.g. http://ica-atom.org/demo/informationobject/show/isad/288 - I'm trying to switch to markup which is more ammenable to restyling with CSS, while still supporting the old "look" Is the old "look" acheivable with CSS, without using a ? __ 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] strange problem with float
Found this, but not sure yet if this is still something ongoing: http://blogs.msdn.com/ie/archive/2007/04/17/ie7-virtual-pc-image-and-ie6-virtual-pc-image-refresh.aspx I have read that the way to go is VM's because multiple IE's just too brittle. The above would be great. Oliver On Fri, Jan 22, 2010 at 6:03 PM, oliver wrote: > On Fri, Jan 22, 2010 at 4:22 PM, Climis, Tim wrote: >>> Not sure yet what the fix is. Or, if you know of a free CSS >>> exploration tool *for IE* like the (awesome!) javascript console that >>> comes with Chrome, I could try using such a tool to figure it out. >> >> Well, there's the IE Developer toolbar. It's only good for IE7 (although IE8 >> comes with it built in). ... >> >> It's not as awesome as Firebug, or the Webkit Console, but it's significantly >> better than nothing, and it's what let me find your color issue so quickly. > > Thanks Tim, I'll check it out... though I'd like to not get rid of my > IE6. Are there ways to install IE7 and/or IE8 without loosing IE6? > I've seen a couple sites that discuss that but replies by users who > tried the techniques/installer indicate system crashes etc can result. > __ 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] strange problem with float
There was recent talk on this list of using MultipleIEs for that sort of thing, but I seem to remember some issue with MultipleIEs not playing nicely with IE8. For my cross-browser testing, I use IE Collection, available here: http://finalbuilds.edskes.net/iecollection.htm . For users of Win XP, Vista, or 7, it allows you to simultaneously have installed standalone versions of all versions of IE from 1.5 through 8.0 (and a subset of those versions for other flavors of Windows. There's a compatibility chart on the website). I have had no problems with it so far. Kyle On Fri, Jan 22, 2010 at 3:03 PM, oliver wrote: > On Fri, Jan 22, 2010 at 4:22 PM, Climis, Tim wrote: >>> Not sure yet what the fix is. Or, if you know of a free CSS >>> exploration tool *for IE* like the (awesome!) javascript console that >>> comes with Chrome, I could try using such a tool to figure it out. >> >> Well, there's the IE Developer toolbar. It's only good for IE7 (although IE8 >> comes with it built in). ... >> >> It's not as awesome as Firebug, or the Webkit Console, but it's significantly >> better than nothing, and it's what let me find your color issue so quickly. > > Thanks Tim, I'll check it out... though I'd like to not get rid of my > IE6. Are there ways to install IE7 and/or IE8 without loosing IE6? > I've seen a couple sites that discuss that but replies by users who > tried the techniques/installer indicate system crashes etc can result. > __ > 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/ > -- Kyle Sessions The Berkeley Electronic Press 510/665-1200 x128 http://www.bepress.com bepress: 10 years of accelerating and enhancing the flow of scholarly ideas __ 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] strange problem with float
On Fri, Jan 22, 2010 at 4:22 PM, Climis, Tim wrote: >> Not sure yet what the fix is. Or, if you know of a free CSS >> exploration tool *for IE* like the (awesome!) javascript console that >> comes with Chrome, I could try using such a tool to figure it out. > > Well, there's the IE Developer toolbar. It's only good for IE7 (although IE8 > comes with it built in). ... > > It's not as awesome as Firebug, or the Webkit Console, but it's significantly > better than nothing, and it's what let me find your color issue so quickly. Thanks Tim, I'll check it out... though I'd like to not get rid of my IE6. Are there ways to install IE7 and/or IE8 without loosing IE6? I've seen a couple sites that discuss that but replies by users who tried the techniques/installer indicate system crashes etc can result. __ 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] strange problem with float
> Not sure yet what the fix is. Or, if you know of a free CSS > exploration tool *for IE* like the (awesome!) javascript console that > comes with Chrome, I could try using such a tool to figure it out. Well, there's the IE Developer toolbar. It's only good for IE7 (although IE8 comes with it built in). http://www.microsoft.com/downloads/details.aspx?familyid=E59C3964-672D-4511-BB3E-2D5E1DB91038&displaylang=en#Requirements It's not as awesome as Firebug, or the Webkit Console, but it's significantly better than nothing, and it's what let me find your color issue so quickly. ---Tim __ 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] strange problem with float
On Fri, Jan 22, 2010 at 2:56 PM, Climis, Tim wrote: > > However, in IE6 (haven't tried ealier versions), the right sidebar > (localsidebarpanel) is off in never land and its color is completely > wrong and can't be changed (weird!). I tested with IE 7 and 8 based on > output from http://ipinfo.info/netrenderer/ and the layout is even > worse, and still same color problem. > > - > > The color problem is a typo. Actually, a couple of them. First, your > conditional comment should read [if lte ie7] (no space). That's why the > ie style_sheet is being applied to ie8. Doh!!! Thanks Tim, your comment made me remember: I forgot about that conditional CSS file!! Ack, someone hit me on the head! Most of what it had was from previous design attempt. Once I replaced its contents with one line (about width, see below), things are sane again, at least for IE6 and IE7 (IE8 not tested yet). Let's set aside IE8 for now: The last issue for IE6/7, if anyone takes a look at the page now, is that I had to decrease the width of the right sidebar by 15 (now the only thing left in the conditional CSS) compared to value used for FF and Chrome, presumably because of the padding vs how IE computes box widths, otherwise the sidebar doesn't fit within the containing div. This leaves a thin gray area at the far right. Not sure yet what the fix is. Or, if you know of a free CSS exploration tool *for IE* like the (awesome!) javascript console that comes with Chrome, I could try using such a tool to figure it out. Oliver __ 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] IE6 doesn't see styles [solved]
Bill Braun wrote: > Congrats, Peter. BTW, those writers sure look happy. > > Bill B > > Probably drunk. :) The presentation I'm doing is for their summer school this August, and is about Web pages for authors. Hopefully I'll be able to get them to approach their Web presence just as professionally as they approach their writing: rather than letting their niece put something up for them using Front Page, "Because she's doing it at school". Cheers Peter __ 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] strange problem with float
However, in IE6 (haven't tried ealier versions), the right sidebar (localsidebarpanel) is off in never land and its color is completely wrong and can't be changed (weird!). I tested with IE 7 and 8 based on output from http://ipinfo.info/netrenderer/ and the layout is even worse, and still same color problem. - The color problem is a typo. Actually, a couple of them. First, your conditional comment should read [if lte ie7] (no space). That's why the ie style_sheet is being applied to ie8. Second, the line you have in there is background-color: rgb(142,42,242). What you have in the other sheet is rgb(242,242,242). IE shouldn't have any trouble with that color declaration, so you could just leave it out of the IE sheet entirely, and things should stop being purple, and go back to being gray. ---Tim __ 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] strange problem with float
Hello, my site at http://pubsub.sourceforge.net displays just fine in FF and Chrome. I'm getting a hang of this CSS stuff :) I'm not doing anything really fancy: some divs with some float:left and some widths so that things fit nicely together (some of the HTML is autogenerated -- not mine -- but still simple). However, in IE6 (haven't tried ealier versions), the right sidebar (localsidebarpanel) is off in never land and its color is completely wrong and can't be changed (weird!). I tested with IE 7 and 8 based on output from http://ipinfo.info/netrenderer/ and the layout is even worse, and still same color problem. I've been banging my head against this for hours and hours... looked at several web pages (such as http://www.smashingmagazine.com/2009/10/19/the-mystery-of-css-float-property/) that discuss float-related bugs in IE but I can't find anything that clearly corresponds to the observed screwiness. I tried zoom:1 or a width in the floating blocks to trigger hasLayout property specific to IE crapiness. But that didn't really help: in IE 6, the splitsidebar that's *in the "document" block* is then once more at the same level as the containing div (that's an improvement), with scroll bars, but the localsidebarpanel div that should be *inside* that splitsidebar is still floating in space and still has the wrong color. Anyways I figure a more experienced person will probably know very easily what the problem is. Cheers, Oliver __ 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] IE6 doesn't see styles [solved]
Peter Bradley wrote: > Many thanks to everybody who replied and helped with this. > > I've re-written the page, using floats instead of absolute positioning, > and ems instead of percentages: > > http://www.peredur.net/swanwick > > It now doesn't need any conditional styles. It's not going to win any > design awards, but it'll make a good demonstration, I think. > > Cheers, and thanks again, > Congrats, Peter. BTW, those writers sure look happy. Bill B __ 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] IE6 doesn't see styles [solved]
Many thanks to everybody who replied and helped with this. I've re-written the page, using floats instead of absolute positioning, and ems instead of percentages: http://www.peredur.net/swanwick It now doesn't need any conditional styles. It's not going to win any design awards, but it'll make a good demonstration, I think. Cheers, and thanks again, Peter http://www.peredur.net __ 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] Fraction bar
> I took Alan's sample and expanded on it to provide a horizontal line. I > haven't extensively tested it but it works well for me on FF3.5. It does look good in FF3.5. But it doesn't look nearly as nice in any other browser. The spacing between the numbers and the bar is too big in everything else, and IE8 chokes all over it. Apparently, it doesn't like setting color to transparent. ---Tim __ 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] Fraction bar
>> This is far to complex. In maths, a fraction 3 over 2 is also
>> the same
>> as 3 divided by 2. This markup and CSS does this.
>>
>> 3/2
>>
>> --
>> Alan http://css-class.com/
>I run your code and saw your demo, but I wanted a horizontal line.
I took Alan's sample and expanded on it to provide a horizontal line. I
haven't extensively tested it but it works well for me on FF3.5.
.fraction {
line-height:160%;
display: inline-block;
vertical-align: middle;
}
.fraction .divider {
color: transparent;
float: left;
clear: left;
border-top: 1px solid black;
width: 100%;
line-height: 0;
height: 0;
}
.fraction sup, .fraction sub {
font-size:75%;
float: left;
clear: left;
}
3/2
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/
