Get started
Loading...
Important Notice - Forums is archived

To simplify things and help our users to be more productive, we have archived the current forum and focus our efforts on helping developers on Stack Overflow. You can post new questions on Stack Overflow or join our Discord channel.

Product icon
TUTORIAL

Vaadin lets you build secure, UX-first PWAs entirely in Java.
Free ebook & tutorial.

CssImport when using Component Exporter by Mikhail Shabarov, 1 month ago
Recent Posts
Vaadin Forum3. Vaadin 6, 7, 8Framework UI

embedded table problems IE7 vs FF3.5

Tudor Raneti
1 decade ago Jan 19, 2010 1:56am

widgetset compiled for all browsers.

while: <div id="fb" style="width: 100%; heigth:100%; margin: 0; padding: 0; border: red solid 1px"></div>
FF3.5 hardly shows anything IE shows alright

while: <div id="fb" style="margin: 0; padding: 0; border: red solid 1px"></div>
FF3.5 doesn't show anything IE7 shows alright

Also having trouble getting the div snap to its content. I suppose i have to write a javascript or something for it.
At this point i might just as well use an iframe. Anyone specialised in table problems?

Tudor Raneti
1 decade ago Jan 26, 2010 5:02am

Guess IE missbehaves as usual, but FF or CSS are not any brighter about div resizing properly.
I'm forced to use width: 75%; or something for the div containing the application.

Henri Sara
1 decade ago Jan 26, 2010 10:37am

Raneti Tudor: widgetset compiled for all browsers.

while: <div id="fb" style="width: 100%; heigth:100%; margin: 0; padding: 0; border: red solid 1px"></div>
FF3.5 hardly shows anything IE shows alright

Can you give some more details.
If I understood correctly, you have a Vaadin application inside such a div on a page not generated by Vaadin.

Have you defined a size for the top-level layout of your application, and how? What is around the div?

You could also try to run the application with "?debug" in the URL and click "Analyze layouts" to check for some clear violations of the layout composition rules (e.g. component with a relative width inside a layout with undefined width).

If this does not help, it might be useful to see a code snippet of the layout code (the contents of the application init() method for a simple test) and a minimal HTML page where the application is embedded that demonstrates the issue.

Tudor Raneti
1 decade ago Jan 27, 2010 5:31am

The application is loading in a .jsp page that is nothing more than a .html.The DTD is XHTML 1 strict. The div is inside another div, with undefined size, float:left, display:inline, which is inside the body, which is set to height:100%, and i also made a test with adding width 100%. i also tried setting getLayout().setSizeFull(). The problem persists.

Tudor Raneti
1 decade ago Jan 27, 2010 2:10pm

EDIT: attached basic sample with no libs.

Bump. I pinpointed the problem:
It appears when i change the div to this:
<div id="fb" style="float:left; border: 2px solid red; margin: 0"></div>

so namely it's float:left that's causing it. Still unknown how to have the div resize to contents in FF when floated.

Last updated on Jan, 27th 2010