div elements and embedding

Hi,

It's not totally clear to me what's going on in your case; can you send me your mock index.html, or a link to the HTML that you're experimenting with?

The index.html file included with JBrowse does, I think, what you're talking about: it has a div in it, and JBrowse lives inside that div.

The only issues I know about with embedding have to do with potential name collisions in the CSS or javascript.

What are you actually seeing when you try to embed JBrowse?

Hello

Sorry, I was not clear.

For example, in the index.html shipped with jbrowse, the following works:

<div id="GenomeBrowser" style="height: 100%; width: 100%; padding: 0; border: 0;"></div>

But the following does not:

<div id="GenomeBrowser" style="height: 100%; width: 100%; padding: 0; border: 0;"></div>

If we use the tundra.css from the dojo repository there is no issue (or if we use any other theme) but it naturally is missing some of the jbrowse customizations so it doesn't display correctly.

I know too little about css to be of any help...

thanks
a

Alexie Papanicolaou
OCE PostDoctoral Fellow in Bioinformatics
CSIRO Ecosystem Sciences
Black Mountain Labs
Clunies Ross St
Canberra ACT 2601
Australia

That didn't come out, should have read the help/preview (why does every system have their own formatting code...)

works:
@@@ HTML

 <div id="GenomeBrowser" style="height: 100%; width: 100%; padding: 0; border: 0;"></div>

not works:
@@@ HTML
    <div>
    <div id="GenomeBrowser" style="height: 100%; width: 100%; padding: 0; border: 0;"></div>
    </div>

Give the outer div a width and height, e.g.

<div style="height:  800px; width: 500px;">
  <div id="GenomeBrowser" style="height: 100%; width: 100%; padding: 0; border: 0;"></div>
</div>

Hi Mitch

Thanks for the quick reply. That works! I guess I should go learn some CSS...

a