PDA

View Full Version : Loosing part of border in Firefox



beagley
2 Sep 2010, 1:27 AM
I have a grid in the center of a borderlayout. In IE and Chrome I can see a thin blue border all round the grid, like I would expect. In Firefox (3.6, Windows) I'm loosing a couple of pixels on the right and bottom. And when the grid presents a vertical scrollbar this is slightly obscured by the browser window border. I'm guessing there's something amiss in my config (see below).

Thanks for any advice.



<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html dir="ltr" lang="en-gb">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>ExtJS test</title>
<link rel="stylesheet" href="ext-js/resources/css/ext-all.css" type="text/css" />
<script type="text/javascript" src="ext-js/adapter/ext/ext-base-debug.js"></script>
<script type="text/javascript" src="ext-js/ext-all-debug.js"></script>
<script type="text/javascript">
Ext.BLANK_IMAGE_URL = "ext-js/resources/images/default/s.gif";

Ext.onReady(function() {

// Create the data store
var store = new Ext.data.ArrayStore({
fields: [
{name: 'transactionId', type: 'int'}
]
});
var data = [];
for (var i = 0; i < 100; i++)
data.push([i]);
store.loadData(data);

new Ext.Viewport({
layout: 'border',
items: [
// {
// region: 'north',
// ... omitted for brevity
// },
{
region: 'center',
xtype: 'grid',
store: store,
columns: [
{header: 'N', dataIndex: 'transactionId'}
]
}
]
});
});
</script>
</head>
<body></body>
</html>