Ugly table cell layout in IE if the cell is empty

Previous Topic Next Topic
 
classic Classic list List threaded Threaded
6 messages Options
Reply | Threaded
Open this post in threaded view
|

Ugly table cell layout in IE if the cell is empty

Jacopo Cappellato
Hi all,

I've noticed that the empty table cells generated by form widget lists
looks ugly in Internet Explorer: no borders, completely white. Adding a
  in them fixes the issue (but of course it is just an hack).

Is there some magic CSS trick that we can use to fix this?

Jacopo
Reply | Threaded
Open this post in threaded view
|

Re: Ugly table cell layout in IE if the cell is empty

Adrian Crum
I had mentioned this some time ago. In fact, there is a note in the maincss.css file about it. As
far as I know, putting the   in the cell is the only fix.


Jacopo Cappellato wrote:

> Hi all,
>
> I've noticed that the empty table cells generated by form widget lists
> looks ugly in Internet Explorer: no borders, completely white. Adding a
>   in them fixes the issue (but of course it is just an hack).
>
> Is there some magic CSS trick that we can use to fix this?
>
> Jacopo
>

Reply | Threaded
Open this post in threaded view
|

Re: Ugly table cell layout in IE if the cell is empty

BJ Freeman
In reply to this post by Jacopo Cappellato
MS uses a lot of  
Not a hack it is the way they do it.

Jacopo Cappellato sent the following on 10/18/2007 9:01 AM:

> Hi all,
>
> I've noticed that the empty table cells generated by form widget lists
> looks ugly in Internet Explorer: no borders, completely white. Adding a
>   in them fixes the issue (but of course it is just an hack).
>
> Is there some magic CSS trick that we can use to fix this?
>
> Jacopo
>
>
Reply | Threaded
Open this post in threaded view
|

Re: Ugly table cell layout in IE if the cell is empty

jonwimp
In reply to this post by Jacopo Cappellato
I don't think there are CSS tricks to do this. The common solution is to use a   . Been doing
that since i could remember, so much that I was actually surprised when I first came upon Firefox.
Surprised that it didn't need a   .

Jonathon

Jacopo Cappellato wrote:

> Hi all,
>
> I've noticed that the empty table cells generated by form widget lists
> looks ugly in Internet Explorer: no borders, completely white. Adding a
>   in them fixes the issue (but of course it is just an hack).
>
> Is there some magic CSS trick that we can use to fix this?
>
> Jacopo
>
>

Reply | Threaded
Open this post in threaded view
|

Re: Ugly table cell layout in IE if the cell is empty

Jacopo Cappellato
Thanks to all for the feedback; rev. 586446 should fix this:

"Applied patch from Marco Risaliti to fill empty table cells with the
  character: this wfixes the ugly layout in IE."

Jacopo

Jonathon -- Improov wrote:

> I don't think there are CSS tricks to do this. The common solution is to
> use a   . Been doing that since i could remember, so much that I
> was actually surprised when I first came upon Firefox. Surprised that it
> didn't need a   .
>
> Jonathon
>
> Jacopo Cappellato wrote:
>> Hi all,
>>
>> I've noticed that the empty table cells generated by form widget lists
>> looks ugly in Internet Explorer: no borders, completely white. Adding
>> a   in them fixes the issue (but of course it is just an hack).
>>
>> Is there some magic CSS trick that we can use to fix this?
>>
>> Jacopo
>>
>>

Reply | Threaded
Open this post in threaded view
|

Re: Ugly table cell layout in IE if the cell is empty

mrisaliti@libero.it
In reply to this post by Jacopo Cappellato
Hi to all,

I have found another little issue related to fill empty table cells with the   character in HtmlFormRenderer.java and the attached patch can solve it.
I have done some search on google and I found that the property empty-cells:show in a html td tag is not supported by Internet Explorer 5-6 (probably no more in IE7 but I have not it to possibility to test it) also if it's recommended by W3C and used by all the others browser.
So the only solution that I found is to replace the empty cells in a td with   character, for the moment I have done it only with ScreenWidget probably is it possible that is also inside some .ftl.

These are the links to the sites that spoke on this topic:

www.cs.tut.fi/~jkorpela/HTML/emptycells.html
www.w3.org/TR/CSS21/tables.html
fantasai.inkedblade.net/style/discuss/table-backgrounds/tests/layers-show.html
www.htmlref.com/reference/appb/css_empty-cells.htm


I have created the new JIRA issue OFBIZ-1355 for this patch.

Thanks in advance
Marco

--------------

Il giorno 19/ott/07, alle ore 15:48, Jacopo Cappellato ha scritto:

Thanks to all for the feedback; rev. 586446 should fix this:

"Applied patch from Marco Risaliti to fill empty table cells with the   character: this wfixes the ugly layout in IE."

Jacopo

Jonathon -- Improov wrote:
I don't think there are CSS tricks to do this. The common solution is to use a   . Been doing that since i could remember, so much that I was actually surprised when I first came upon Firefox. Surprised that it didn't need a   .
Jonathon
Jacopo Cappellato wrote:
Hi all,

I've noticed that the empty table cells generated by form widget lists looks ugly in Internet Explorer: no borders, completely white. Adding a   in them fixes the issue (but of course it is just an hack).

Is there some magic CSS trick that we can use to fix this?

Jacopo