dg_mods
There is one, and only one, reason your listings collapse into a tiny strip — and it is easily remedied.
The fault lies not in eBay or in the various browsers, the fault lies in the CSS/HTML used to create the template, which expects to own the entire page. eBay Item Descriptions do not own the entire page. Instead, they reside in a window that eBay defines inside their listing page.
The problem (and this is an age-old problem we've see on these forums over the years) is that the template was created with absolute positioning attached to every single element, causing those elements to float over the page at specified locations. There is no element that is actually nailed to the page with relative positioning, holding the page open.
eBay resizes the Description window to fit content that it finds nailed down inside. Just like you can put a fence in the soil around a house and can't put a fence in the soil around a cluster of balloons bobbing in the breeze overhead, eBay can resize that window to fit nailed-down content, but can't determine the size or shape for floating content.
When you typed in that string of 100 carriage returns by holding down the enter key, you added 100 lines of text that are actually nailed to the page and the page thus opened to accommodate those new lines. With the page somewhat open, your floating content became visible with scrollbars.
Solution
The solution will require you to change the way your tool creates your document so that at least the background container is nailed to the page, or else you will need to manually edit your HTML code.
There is an outer wrapper container in your page, and if you give that wrapper a relative position and a height, it will hold the page open.
I used this listing in the example fix below
http://www.ebay.com/itm/251169275088
Your listing container is called:
<div id="apDiv96">
The stylesheet says it is 6727px high, and that the template is shifted down 44px below the top.
You could edit the stylesheet like this:
#apDiv96 {
position : absolute; relative;
width : 1168px;
height : 6727px;
z-index : 1;
top : 44px;
left : 51px;
}
or, if it is easier, you can edit the HTML like this:
<div id="apDiv96" style="position:relative;" >
Of course, you would need to remove those 100 lines you added to the top of the page.
There are a few different changes that would optimize the appearance, but this basic change will open the window.
ZippyPractice has an iframe window that is somewhat similar to eBay's, so you can practice your code there.
http://zippypractice.com/
eBay Live 2007 Community Hall of Fame Award
Free Resources for Better Auctions • Programs • Tools • Templates • Help • Guides
)
Starting May 1—get up to 2,500 FREE listings* every month with an eBay Stores subscription
About Me
)
)
)