zurb/orbit — Issue #89: Strange resizing behavior
Author: KnowledgeGarden
Created: 2011-12-17 05:01:33+00:00
State: open

If I install my images (made from powerpoints saved as JPG files, so they are all the same size) into the foundations demo, they show properly.
When I clone the demo into my own Lift project, things stop working well. Still using orbig4u with the css:
#orbit4u {
width: 640px;
height: 306px;
background: #000 url('../orbit/loading.gif') no-repeat center center;
overflow: hidden; }
#orbit4u>img,
#orbit4u>div,
#orbit4u>a { display: none; }

Would not show the images in my system. Got an urge to change the name from orbit4u to something else. Started showing the images but not resizing them properly (only slightly). Then went back and started removing things:
/*
#orbit4u>img, */

commenting out that one line from css lets it show the images, but still not resize them properly.
With that line in, no image shows at all. The images are in html and using chrome's tools, I can see that they are accessable. Behavior is the same in chrome, firefox and IE