I have a GWT application with a panel that contains an undefined number of widgets with different widths and a general description and a toolbar at the bottom. The panel is always at least as wide as the toolbar, and expands if the widgets are wider.
I tried to add the end border to the right of the widgets when the toolbar is wider, but I can’t understand that this is correct. In firefox and explorer, it works fine - if the widget is enough, the border is compressed to 0px. However, in chrome and safari, a div with a border always has a width of at least 1px, which violates the rest of the design.
Can someone tell me what I am doing wrong? I have simplified the code here . The red part is a fixed toolbar, and the black part is widgets (changing width simulated with a mouse), and the problem border is orange (with an identification border). I understand that the code may be nicer, but partly due to the obsession with GWT table panels.
Hope this question makes sense.
Thanks.
source share