[css-d] content in table won't align vertically
Dear list, In dreamweaver the 'Aan de lezer' content aligns to the top of the TD element, but in Firefox/IE8 it won't: http://nieuwsbrief.varkensinnood.nl/fileadmin/template/mailings/nieuwsbrief_vin_2010/template.html Any clues? __ 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] content in table won't align vertically
> Any clues? Default top and bottom margins of 1em on H1 elements? It looks like it's top aligning to me in Firefox, IE8, and Chrome. The only space I see is the margin on the H1 which you didn't cancel out. ---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] content in table won't align vertically
On 12-3-2010 16:46, Climis, Tim wrote: >> Any clues? >> > Default top and bottom margins of 1em on H1 elements? It looks like it's top > aligning to me in Firefox, IE8, and Chrome. The only space I see is the > margin on the H1 which you didn't cancel out. > > ---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/ > > Thanks, that's what I was looking for! __ 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] content in table won't align vertically
I know, but because this template is meant for a newsletter I didn't fix the validity-- I also had to use a lot of inline css.. On 12-3-2010 21:53, Chris F.A. Johnson wrote: > On Fri, 12 Mar 2010, Thijs Hakkenberg wrote: > > >> Dear list, >> >> In dreamweaver the 'Aan de lezer' content aligns to the top of the TD >> element, but in Firefox/IE8 it won't: >> http://nieuwsbrief.varkensinnood.nl/fileadmin/template/mailings/nieuwsbrief_vin_2010/template.html >> >> Any clues? >> > Perhaps it's caused by one of the 41 XHTML errors. > > Fix those and see if the problem persists. > > __ 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] content in table won't align vertically
I don't want to sound cynical, but personally speaking I would never rely on Dreamweaver's WYSIWYG rendering to suggest how an HTML document might appear in a conformant browser. In my experience, DW almost never grasps the full subtlety of CSS, and its rendering usually leaves a great deal to be desired. Philip Taylor Thijs Hakkenberg wrote: > Dear list, > > In dreamweaver the 'Aan de lezer' content aligns to the top of the TD > element, but in Firefox/IE8 it won't: > http://nieuwsbrief.varkensinnood.nl/fileadmin/template/mailings/nieuwsbrief_vin_2010/template.html > > Any clues? __ 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] content in table won't align vertically
Web site visitors don't browse the web in Dreamweaver. They browse it using real web browsers. And it is incredibly easy to check a site's rendering in a real web browser, even when using Dreamweaver for development. So why even think about how it looks in DW? Philip TAYLOR wrote: > I don't want to sound cynical, but personally speaking > I would never rely on Dreamweaver's WYSIWYG rendering > to suggest how an HTML document might appear in a > conformant browser. In my experience, DW almost never > grasps the full subtlety of CSS, and its rendering > usually leaves a great deal to be desired. > > Philip Taylor > > Thijs Hakkenberg wrote: >> Dear list, >> >> In dreamweaver the 'Aan de lezer' content aligns to the top of the TD >> element, but in Firefox/IE8 it won't: >> http://nieuwsbrief.varkensinnood.nl/fileadmin/template/mailings/nieuwsbrief_vin_2010/template.html >> >> Any clues? -- 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] content in table won't align vertically
Philip TAYLOR said: > In my experience, DW almost never >grasps the full subtlety of CSS, and its rendering >usually leaves a great deal to be desired. I thought DW used webkit for the Live view on Mac OS X at least. There are a lot of webkit-based browsers, no? Obviously, the Design view in DW is not about how it will look in a real web browser. Rather this view concerns itself with developing the web page and its content as a total. It would be nice if the Design view always showed CSS according to the spec at least, but DW have always been barely usable for CSS-oriented design and the interface even in the current version is full of "easy" GUI starting points for bad code. But even so, it is very possible to do compliant good web design in Dreamweaver. As always, it's about the knowledge and skill of the author/developer. __ 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] content in table won't align vertically
MB wrote: > I thought DW used webkit for the Live view on Mac OS X at least. There > are a lot of webkit-based browsers, no? I have no experience of a version recent enough to support Live View : my last experience of DW was 8.0.2 > Obviously, the Design view in DW > is not about how it will look in a real web browser. I don't think this is "obvious" to the naive user at all. By putatively being a rendered view of the underlying source material, it leads naive and less experienced users into believing that that is what will be seen in a conformant browser. Even quite experienced former colleagues have been surprised at the differences between DW's design view and the view in a conformant browser. > It would be nice if the Design view always showed CSS according to the > spec at least, but DW have always been barely usable for CSS-oriented > design and the interface even in the current version is full of "easy" > GUI starting points for bad code. But even so, it is very possible to do > compliant good web design in Dreamweaver. As always, it's about the > knowledge and skill of the author/developer. I completely agree : I migrated from HoTMetaL PRO to DW some years ago, and much as I miss the "tags on" view of HM PRO, I have come to regard DW as a quite acceptable substitute so long as one remembers that it is simply an interface between coder and page, rather than a fully-fledged WYSIWYG design tool. Philip Taylor __ 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] content in table won't align vertically
Hi, The best editor for Mac OSX is Coda by Panic. It uses the Safari render engine (webkit) from your mac to preview your pages. http://www.panic.com/coda/ The next step is to use the firebug extension in firefox which is just a godsend for testing things on the fly. I might use Dreamweaver if I am creating a table, apart from that I haven't touched it in years. Hope that helps, CB > > > MB wrote: > >> I thought DW used webkit for the Live view on Mac OS X at least. >> There >> are a lot of webkit-based browsers, no? > > I have no experience of a version recent enough to support > Live View : my last experience of DW was 8.0.2 > >> Obviously, the Design view in DW >> is not about how it will look in a real web browser. > > I don't think this is "obvious" to the naive user at all. > By putatively being a rendered view of the underlying > source material, it leads naive and less experienced users > into believing that that is what will be seen in a conformant > browser. Even quite experienced former colleagues have > been surprised at the differences between DW's design view > and the view in a conformant browser. > >> It would be nice if the Design view always showed CSS according to >> the >> spec at least, but DW have always been barely usable for CSS-oriented >> design and the interface even in the current version is full of >> "easy" >> GUI starting points for bad code. But even so, it is very possible >> to do >> compliant good web design in Dreamweaver. As always, it's about the >> knowledge and skill of the author/developer. > > I completely agree : I migrated from HoTMetaL PRO to DW some years > ago, and much as I miss the "tags on" view of HM PRO, I have > come to regard DW as a quite acceptable substitute so long as > one remembers that it is simply an interface between coder > and page, rather than a fully-fledged WYSIWYG design tool. > > Philip Taylor > __ > 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-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] content in table won't align vertically
Chris Blake suggested: >The best editor for Mac OSX is Coda by Panic. It uses the Safari >render engine (webkit) from your mac to preview your pages. >http://www.panic.com/coda/ I may take this route and use Coda, but I am still thinking about it. Perhaps I could use it for a small project during the demo period and see how I actually like working in it. I do most development time in Netbeans, but I do like to be able to see the effect my CSS code gets right away. I also like integrated file and link handling. >The next step is to use the firebug extension in firefox which is just >a godsend for testing things on the fly. I use this and Firebug too. The only real drawback is when you click on a link by mistake and lose your edit. __ 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/