And in Firefox I'm getting some other nasty inconsistencies too. Haven't dared try Chrome or Opera yet, although again, I don't need any of these. Only IE9 and Safari.
But still... why are they all so wildly inconsistent?? On 09/03/2012, at 12:47 PM, David Thorp wrote: > Brilliant on both counts. Thanks! > > Except... > > Now (in Safari both mac and windows) I'm getting little resize boxes on each > cell in the list. I also notice these on the on the grey side bar and at the > bottom of the list as well. They seem to show up anywhere i've set overflow, > although i thought they were only for when I set resize. I'm missing > something here... once again. > > > On the other hand, I'm getting wildly different results in IE9 with just > about everything. (I don't really care about IE8 or below as this is > ultimately going to be an internal web application for which I will specify > minimum requirements = IE9) > > In IE9: > • the column widths don't seem to be following the rules > • the graphic behind the Organisation Name heading is wrong. > • the borders between certain objects are white instead of black > • it doesn't seem to be following the sans-serif fonts i've requested. > > > I've heard of minor inconsistencies between browsers, but this seems over the > top. Is this typical? Why don't CSS and HTML just do what they're told? > > Well, again thanks for all the help. Any further direction here will be > equally appreciated! > > David. > > > > > > On 08/03/2012, at 10:09 PM, Ghodmode wrote: > >> On Thu, Mar 8, 2012 at 5:54 PM, David Thorp >> <mailingli...@allaboutabundance.com> wrote: >>> Hi Vince, >>> >>> Thanks for another helpful reply. That all makes sense. >>> >>> One small problem with the nowrap... >>> >>> See this: >>> >>> http://www.davidthorp.name/testingstuff/browser-0b.html >>> http://www.davidthorp.name/testingstuff/browser-0b.css >>> >>> I've created a couple of really long values in the list and the problem is >>> the nowrap makes the length of the text override the width of the column. >>> How do i get the column width to override the text and just cut the text >>> off in each cell (<td>) not over the whole row? >> >> Sorry, I forgot about that. You'll want to set the table-layout property for >> the affected table to fixed (at about line 148 of >> http://www.davidthorp.name/testingstuff/css/browser-0b.css). Then set the >> overflow:hidden for the affected table cells (line 160ish) >> >> >>> (Then if there's a way to make it automatically add an ellipsis (...) at >>> the end of a row of text that's been cut short, that would be even more >>> awesome. ie. "a really really rea…") ;) >> >> There's a text-overflow:ellipsis property you can set. Support isn't >> perfect, >> but I think other browsers will simply ignore the property. So, browsers >> that >> support it will show the ellipsis and browsers that don't will just cut off >> the >> text. I haven't tested this thoroughly: >> >> .list td { >> padding: 1px 10px; >> white-space: nowrap; >> overflow: hidden; >> -ms-text-overflow: ellipsis; >> -o-text-overflow: ellipsis; >> text-overflow: ellipsis; >> } >> >> (also note the vendor-specific -ms- and -o- versions) >> >> ref: https://developer.mozilla.org/en/CSS/text-overflow >> >> -- >> Vince Aggrippino >> Ghodmode Development >> http://www.ghodmode.com >> >> >>> Thanks! >>> David. >> ______________________________________________________________________ >> css-discuss [css-d@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-discuss [css-d@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/
