Dev - IE6 Layout Issues
Locked
 
|
Hello, I started a location on wiki for some of my experiences with
fixing IE6 layout issues. Here’s what it has so far Regards, Vinay Agarwal Float simply doesn't work well
I converted the main-decorator from
div/float layout to tables so that it displays consistently on all browsers.
Misaligned on IE6 (from
ecommerce/webapp/ecommerce/catelog/minilastviewedcategories.ftl)
<div
style="float: right;"> <a
href="<@ofbizUrl>clearLastViewed</@ofbizUrl>"
class="lightbuttontextsmall">${uiLabelMap.CommonClear}</a>
</div> <div
class="boxhead">${uiLabelMap.EcommerceLastCategories}</div> Aligned well on all browsers
<div
class="boxhead"><div style="float: right;"> <a
href="<@ofbizUrl>clearLastViewed</@ofbizUrl>"
class="lightbuttontextsmall">${uiLabelMap.CommonClear}</a>
</div> ${uiLabelMap.EcommerceLastCategories}</div> _______________________________________________ Dev mailing list [hidden email] http://lists.ofbiz.org/mailman/listinfo/dev |
|
|
this is not a IE ^ issue, but a Microsoft design issue that had been
around since they had IE. there has been a lot of discussion about it, a while ago, when we started converting to widgets and CSS. Vinay Agarwal sent the following on 5/28/2006 8:52 AM: > Hello, > > I started a location on wiki for some of my experiences with fixing IE6 > layout issues. Here's what it has so far > > Regards, > > Vinay Agarwal > > > Float simply doesn't work well > > > I converted the main-decorator from div/float layout to tables so that it > displays consistently on all browsers. > > > Misaligned on IE6 (from > ecommerce/webapp/ecommerce/catelog/minilastviewedcategories.ftl) > > > <div style="float: right;"> <a href="<@ofbizUrl>clearLastViewed</@ofbizUrl>" > class="lightbuttontextsmall">${uiLabelMap.CommonClear} > <http://ofbizwiki.go-integral.com/Edit.jsp?page=uiLabelMap.CommonClear> </a> > </div> <div class="boxhead">${uiLabelMap.EcommerceLastCategories}</div> > > > Aligned well on all browsers > > > <div class="boxhead"><div style="float: right;"> <a > href="<@ofbizUrl>clearLastViewed</@ofbizUrl>" > class="lightbuttontextsmall">${uiLabelMap.CommonClear} > <http://ofbizwiki.go-integral.com/Edit.jsp?page=uiLabelMap.CommonClear> </a> > </div> ${uiLabelMap.EcommerceLastCategories}</div> > > > > > > > ------------------------------------------------------------------------ > > > _______________________________________________ > Dev mailing list > [hidden email] > http://lists.ofbiz.org/mailman/listinfo/dev _______________________________________________ Dev mailing list [hidden email] http://lists.ofbiz.org/mailman/listinfo/dev |
|
|
In reply to this post by Vinay Agarwal
Vinay, A couple of thoughts on this... 1. the current direction for the ecommerce templates is to move toward CSS-based layouts, so we won't be going back to the old table layouts; the goal is to get something in place that uses the patterns described in the book "The Zen of CSS Design" and a good example of this stuff is here: http://www.csszengarden.com/ 2. the current CSS conversion is still not complete; it would be _great_ to have some help with this as so far I'm the only one that has pushed this along, though a few people have submitted little fixes over time and such (and even those are quite valuable and needed now...) So, if you'd like to get involved with this, please do so! That would be great. You can submit patches for this just like for anything else using the Jira issue tracker. -David Vinay Agarwal wrote: > Hello, > > I started a location on wiki for some of my experiences with fixing IE6 > layout issues. Here’s what it has so far > > Regards, > > Vinay Agarwal > > > Float simply doesn't work well > > > I converted the main-decorator from div/float layout to tables > so that it displays consistently on all browsers. > > > Misaligned on IE6 (from > ecommerce/webapp/ecommerce/catelog/minilastviewedcategories.ftl) > > <div style="float: right;"> <a > href="<@ofbizUrl>clearLastViewed</@ofbizUrl>" > class="lightbuttontextsmall">${uiLabelMap.CommonClear} > <http://ofbizwiki.go-integral.com/Edit.jsp?page=uiLabelMap.CommonClear></a> > </div> <div class="boxhead">${uiLabelMap.EcommerceLastCategories}</div> > > > Aligned well on all browsers > > <div class="boxhead"><div style="float: right;"> <a > href="<@ofbizUrl>clearLastViewed</@ofbizUrl>" > class="lightbuttontextsmall">${uiLabelMap.CommonClear} > <http://ofbizwiki.go-integral.com/Edit.jsp?page=uiLabelMap.CommonClear></a> > </div> ${uiLabelMap.EcommerceLastCategories}</div> > > > > > ------------------------------------------------------------------------ > > > _______________________________________________ > Dev mailing list > [hidden email] > http://lists.ofbiz.org/mailman/listinfo/dev _______________________________________________ Dev mailing list [hidden email] http://lists.ofbiz.org/mailman/listinfo/dev |
|
|
ah hah! That helps clear up a bit of the design discrepencies that are in the OFBiz layout. OFBiz is currently out of balance with the Zen approach by using placement containers in the screen widget (ie left, center, right). These crutches are convenient, but make us weak in allowing a Zen Gardenesque layout.
I would like to propose a vote (but need better wording than what follows). As far as OFBiz project code (as opposed to local, custom code) should the practice be: A) Follow the Zen road and eliminate the styling functionality that is in the screen widgets, thus making CSS the primary design tool B) Continue as is and accept that layout in OFBiz must be constructed using both the screen widget and css as complementary tools, with neither being primary. "David E. Jones" <[hidden email]> wrote:
_______________________________________________ Dev mailing list [hidden email] http://lists.ofbiz.org/mailman/listinfo/dev |
|
|
In reply to this post by David E. Jones
David,
I don't believe the tables and css layout are mutually exclusive. Tables are part of xhtml strict. I haven't read the Zen book but if that is what it says, then I would find another book. I was able to solve my most OFBiz layout problem on IE6 simply by switching my main decorator to a table. I suspect many other users of OFBiz would rather use tables than have pages rendered poorly by IE6. The reality of today's world is that 50% users use IE (mostly IE6). This statistics is further skewed toward IE6 if you only consider non-tech users. And certain layouts, whether they are accepted by xhtml or not, just don't render well in IE6. Wouldn't it be best for OFBiz to use a subset of layout constructs that meet both the desired doctype standard as well as the practical aspects of rendering on popular browsers? Regards, Vinay Agarwal -----Original Message----- From: [hidden email] [mailto:[hidden email]] On Behalf Of David E. Jones Sent: Sunday, May 28, 2006 1:14 PM To: OFBiz Project Development Discussion Subject: Re: [OFBiz] Dev - IE6 Layout Issues Vinay, A couple of thoughts on this... 1. the current direction for the ecommerce templates is to move toward CSS-based layouts, so we won't be going back to the old table layouts; the goal is to get something in place that uses the patterns described in the book "The Zen of CSS Design" and a good example of this stuff is here: http://www.csszengarden.com/ 2. the current CSS conversion is still not complete; it would be _great_ to have some help with this as so far I'm the only one that has pushed this along, though a few people have submitted little fixes over time and such (and even those are quite valuable and needed now...) So, if you'd like to get involved with this, please do so! That would be great. You can submit patches for this just like for anything else using the Jira issue tracker. -David Vinay Agarwal wrote: > Hello, > > I started a location on wiki for some of my experiences with fixing > IE6 layout issues. Here's what it has so far > > Regards, > > Vinay Agarwal > > > Float simply doesn't work well > > > I converted the main-decorator from div/float layout to tables > so that it displays consistently on all browsers. > > > Misaligned on IE6 (from > > ecommerce/webapp/ecommerce/catelog/minilastviewedcategories.ftl) > > <div style="float: right;"> <a > href="<@ofbizUrl>clearLastViewed</@ofbizUrl>" > class="lightbuttontextsmall">${uiLabelMap.CommonClear} > <http://ofbizwiki.go-integral.com/Edit.jsp?page=uiLabelMap.CommonClear > ></a> </div> <div > class="boxhead">${uiLabelMap.EcommerceLastCategories}</div> > > > Aligned well on all browsers > > <div class="boxhead"><div style="float: right;"> <a > href="<@ofbizUrl>clearLastViewed</@ofbizUrl>" > class="lightbuttontextsmall">${uiLabelMap.CommonClear} > <http://ofbizwiki.go-integral.com/Edit.jsp?page=uiLabelMap.CommonClear > ></a> </div> ${uiLabelMap.EcommerceLastCategories}</div> > > > > > ---------------------------------------------------------------------- > -- > > > _______________________________________________ > Dev mailing list > [hidden email] > http://lists.ofbiz.org/mailman/listinfo/dev _______________________________________________ Dev mailing list [hidden email] http://lists.ofbiz.org/mailman/listinfo/dev _______________________________________________ Dev mailing list [hidden email] http://lists.ofbiz.org/mailman/listinfo/dev |
|
|
In reply to this post by Vinay Agarwal
Vinay,
The float:right issue is misapplied throughout OFBiz (ecommerce and backend applications..see https://localhost:8443/partymgr/control/viewprofile?partyId=admin). The dropping of float:right a half line in OFBiz renders the same way in both IE and FF. As far as tables go. The current maxim is: tables are only useful for displaying tabular data. The quirky way IE renders CSS shouldn't be an argument for regressing to table based design. It should however be an argument for testing how your web application runs in each of the major browsers. The fixes are generally simple, you just need to be aware that a problem exists. Vinay Agarwal <[hidden email]> wrote: David, _______________________________________________ Dev mailing list [hidden email] http://lists.ofbiz.org/mailman/listinfo/dev |
|
|
In reply to this post by David E. Jones
On May 29, 2006, at 12:12 AM, Vinay Agarwal wrote: > David, > > I don't believe the tables and css layout are mutually exclusive. > Tables are > part of xhtml strict. I haven't read the Zen book but if that is > what it > says, then I would find another book. vinay, of course, you will find any kind of book you want, but have you ever seen tables used for layout outside html? i don't think so. tables was the tricky solution years ago, because there were nothing else to design with in html. tables are of course part of xhtml and part of every other design specification, because they are used for tabular content and thats it! > I was able to solve my most OFBiz layout problem on IE6 simply by > switching > my main decorator to a table. I suspect many other users of OFBiz > would > rather use tables than have pages rendered poorly by IE6. there is no need to have css based pages poorly rendered in ie6, there is a plenty of tricks for ie5 and ie6 to make them render the pages the way you want! we built in the past totally different sites that render just fine on every modern browser and os. > The reality of today's world is that 50% users use IE (mostly IE6). > This > statistics is further skewed toward IE6 if you only consider non- > tech users. > And certain layouts, whether they are accepted by xhtml or not, > just don't > render well in IE6. far more than 50% as i recall from the statistics. but why do the wrong thing because of ie? i would myself rewrite every single line of css and xhtml code in ofbiz if had time. it is bad code if looked at it from the point of view of standards. and i will for sure contribute a new code for it in several months if nobody else does until then. the question right now is, how can i help you, taken into account that i don't have much time right now? or can you live a while with a table based forked version until someone else or myself contribute a new version that is compatible with ie? i haven't read the zen of css design, but i am sure you will find there the necessary tricks or just search around on the internet as i did my time. bests, manuel. > Wouldn't it be best for OFBiz to use a subset of layout constructs > that meet > both the desired doctype standard as well as the practical aspects of > rendering on popular browsers? > > Regards, > Vinay Agarwal > > -----Original Message----- > From: [hidden email] [mailto:dev- > [hidden email]] On > Behalf Of David E. Jones > Sent: Sunday, May 28, 2006 1:14 PM > To: OFBiz Project Development Discussion > Subject: Re: [OFBiz] Dev - IE6 Layout Issues > > > Vinay, > > A couple of thoughts on this... > > 1. the current direction for the ecommerce templates is to move toward > CSS-based layouts, so we won't be going back to the old table > layouts; the > goal is to get something in place that uses the patterns described > in the > book "The Zen of CSS Design" and a good example of this stuff is here: > > http://www.csszengarden.com/ > > 2. the current CSS conversion is still not complete; it would be > _great_ to > have some help with this as so far I'm the only one that has pushed > this > along, though a few people have submitted little fixes over time > and such > (and even those are quite valuable and needed now...) > > So, if you'd like to get involved with this, please do so! That > would be > great. You can submit patches for this just like for anything else > using the > Jira issue tracker. > > -David > > > > Vinay Agarwal wrote: >> Hello, >> >> I started a location on wiki for some of my experiences with fixing >> IE6 layout issues. Here's what it has so far >> >> Regards, >> >> Vinay Agarwal >> >> >> Float simply doesn't work well >> >> >> I converted the main-decorator from div/float layout to >> tables >> so that it displays consistently on all browsers. >> >> >> Misaligned on IE6 (from >> >> ecommerce/webapp/ecommerce/catelog/minilastviewedcategories.ftl) >> >> <div style="float: right;"> <a >> href="<@ofbizUrl>clearLastViewed</@ofbizUrl>" >> class="lightbuttontextsmall">${uiLabelMap.CommonClear} >> <http://ofbizwiki.go-integral.com/Edit.jsp? >> page=uiLabelMap.CommonClear >>> </a> </div> <div >> class="boxhead">${uiLabelMap.EcommerceLastCategories}</div> >> >> >> Aligned well on all browsers >> >> <div class="boxhead"><div style="float: right;"> <a >> href="<@ofbizUrl>clearLastViewed</@ofbizUrl>" >> class="lightbuttontextsmall">${uiLabelMap.CommonClear} >> <http://ofbizwiki.go-integral.com/Edit.jsp? >> page=uiLabelMap.CommonClear >>> </a> </div> ${uiLabelMap.EcommerceLastCategories}</div> >> >> >> >> >> --------------------------------------------------------------------- >> - >> -- >> >> >> _______________________________________________ >> Dev mailing list >> [hidden email] >> http://lists.ofbiz.org/mailman/listinfo/dev > > _______________________________________________ > Dev mailing list > [hidden email] > http://lists.ofbiz.org/mailman/listinfo/dev > > _______________________________________________ > Dev mailing list > [hidden email] > http://lists.ofbiz.org/mailman/listinfo/dev _______________________________________________ Dev mailing list [hidden email] http://lists.ofbiz.org/mailman/listinfo/dev |
|
|
> there is no need to have css based pages poorly rendered in ie6,
> there is a plenty of tricks for ie5 and ie6 to make them render the > pages the way you want! we built in the past totally different sites > that render just fine on every modern browser and os. Right. > the question right now is, how can i help you, taken into account > that i don't have much time right now? or can you live a while with a > table based forked version until someone else or myself contribute a > new version that is compatible with ie? If you're good with CSS, perhaps just an example or two of how to get around specific problems would be helpful. -- David N. Welton - http://www.dedasys.com/davidw/ Linux, Open Source Consulting - http://www.dedasys.com/ _______________________________________________ Dev mailing list [hidden email] http://lists.ofbiz.org/mailman/listinfo/dev |
|
|
On May 29, 2006, at 11:19 AM, David Welton wrote: >> there is no need to have css based pages poorly rendered in ie6, >> there is a plenty of tricks for ie5 and ie6 to make them render the >> pages the way you want! we built in the past totally different sites >> that render just fine on every modern browser and os. > > Right. > >> the question right now is, how can i help you, taken into account >> that i don't have much time right now? or can you live a while with a >> table based forked version until someone else or myself contribute a >> new version that is compatible with ie? > > If you're good with CSS, perhaps just an example or two of how to get > around specific problems would be helpful. for this it will be better if you let google do it for you, just try something like this "ie css tricks" (w/o quotes) and you will probably get a lot of them... i mean this is the way i do when it get to this in my daily work, i have of course already many bookmarks, but this might be not of a help for the beginning... manuel. > -- > David N. Welton > - http://www.dedasys.com/davidw/ > > Linux, Open Source Consulting > - http://www.dedasys.com/ > > _______________________________________________ > Dev mailing list > [hidden email] > http://lists.ofbiz.org/mailman/listinfo/dev _______________________________________________ Dev mailing list [hidden email] http://lists.ofbiz.org/mailman/listinfo/dev |
«
Return to OFBiz - Dev
|
1 view|%1 views
| Free forum by Nabble | Edit this page |