Css 固定位置赢了'；在不同的浏览器中，如何在Ext.Panel中创建包含列的表？
我想知道如何在两个不同的浏览器上显示菜单。现在，在Chrome上使用固定位置是完美的（只为一个小的Ext面板固定，不需要担心所有页面） 问题是它不能在FireFox中正确显示（在FireFox中滑块太小）。我试着让它们漂浮起来：对，但根本不起作用。第一个是完美的，而另一个则毫无意义 我试着用一张桌子，但我似乎不懂这个技巧。我已经做了一张两列的桌子，但我没有 这是Linux（左）和Chrome（右）上面板的图片。该面板是其中包含滑块的面板。你可以看到，在FireFox上，滑块太长了，因为我现在使用的是固定定位 你能给我一个主意吗？桌子布局是个好主意吗？我是否应该简单地将滑块的宽度降低一点，以使两者都适合？有办法吗 或者问：有没有办法让我的大左面板（所有左边的东西）确保所有东西都放在里面？因为如果我全屏打开页面，左侧面板的大小是正确的，即使在我调整小一些后也没有任何问题 谢谢大家 PS：这是我面板的代码（全部）（缩进很多，请参见右侧）：Css 固定位置赢了'；在不同的浏览器中，如何在Ext.Panel中创建包含列的表？,css,extjs,layout,cross-browser,slider,Css,Extjs,Layout,Cross Browser,Slider,我想知道如何在两个不同的浏览器上显示菜单。现在，在Chrome上使用固定位置是完美的（只为一个小的Ext面板固定，不需要担心所有页面） 问题是它不能在FireFox中正确显示（在FireFox中滑块太小）。我试着让它们漂浮起来：对，但根本不起作用。第一个是完美的，而另一个则毫无意义 我试着用一张桌子，但我似乎不懂这个技巧。我已经做了一张两列的桌子，但我没有 这是Linux（左）和Chrome（右）上面板的图片。该面板是其中包含滑块的面板。你可以看到，在FireFox上，滑块太长了，因为我现在使用
新外部面板({
标题：“+extjs\u gui\u产品\u选项卡+”，
id:“产品”选项卡，
xtype:“checkboxgroup”，
填充：3，
cls:“产品标签”，
项目：[
//托菲尼什
新的外部滑块({
宽度：125，
价值：73，
听众：{
更改：功能（analysesSlider，val）{
map.getLayersByName（openlayers\u wms\u layer\u Analysis）[0].setOpacity（val/100）；
}},
样式：“位置：绝对；左侧：135px；”
}),
新建Ext.form.Checkbox({
标题：extjs\u gui\u产品\u分析\u复选框\u标题，
id:'analysiss_checkbox_extjs'，
boxLabel:extjs\u gui\u产品\u分析\u复选框\u标签，
inputValue:extjs\u gui\u产品\u分析\u复选框\u标签，
听众：{
检查：addAnalyseLayer
}
}),
新的GeoExt.LayerOpacitySlider({
宽度：125，
价值：73，
图层：map.getLayersByName（openlayers\u vector\u layer\u observations）[0]，
new Ext.Panel({
title: '<center>' + extjs_gui_products_tab + '</center>',
id: 'products_tab',
xtype: 'checkboxgroup',
padding: 3,
cls: 'ProductLabel',
items: [
//TOFINISH
new Ext.Slider({
width: 125,
value: 73,
listeners: {
change: function(analysesSlider, val) {
map.getLayersByName(openlayers_wms_layer_analyses)[0].setOpacity(val/100);
}},
style: 'position:absolute; left:135px;'
}),
new Ext.form.Checkbox({
title: extjs_gui_products_analyses_checkbox_title,
id: 'analyses_checkbox_extjs',
boxLabel: extjs_gui_products_analyses_checkbox_label,
inputValue: extjs_gui_products_analyses_checkbox_label,
listeners: {
check: addAnalyseLayer
}
}),
new GeoExt.LayerOpacitySlider({
width: 125,
value: 73,
layer: map.getLayersByName(openlayers_vector_layer_observations)[0],
aggressive: true,
style: 'position:absolute; left:135px;'
}),
new Ext.form.Checkbox({
title: extjs_gui_products_observations_checkbox_title,
id: 'observations_checkbox_extjs',
boxLabel: extjs_gui_products_observations_checkbox_label,
inputValue: extjs_gui_products_observations_checkbox_label,
listeners: {
check: loadGeoJSON
}
}),";
//this condition controls whether or not the radar button is included in the javascript of the GUI
if($radarButton==="true"){
echo "
//TOFINISH
new Ext.Slider({
width: 125,
value: 73,
listeners: {
change: function(radarSlider, val) {
map.getLayersByName(openlayers_wms_layer_radar)[0].setOpacity(val/100);
}},
style: 'position:absolute; left:135px;'
}),
new Ext.form.Checkbox({
title: extjs_gui_products_radar_checkbox_title,
id: 'radar_composite_checkbox_extjs',
boxLabel: extjs_gui_products_radar_checkbox_label,
inputValue: extjs_gui_products_radar_checkbox_label,
listeners: {
check: addRadarLayer
}
}),";
}
//this condition controls whether or not the radar button is included in the javascript of the GUI
if($forecastButton==="true"){
echo "
//TOFINISH
new Ext.Slider({
width: 125,
value: 73,
listeners: {
change: function(forecastSlider, val) {
map.getLayersByName(openlayers_wms_layer_forecast)[0].setOpacity(val/100);
}},
style: 'position:absolute; left:135px;'
}),
new Ext.form.Checkbox({
title: extjs_gui_products_forecast_checkbox_title,
id: 'forecast_checkbox_extjs',
boxLabel: extjs_gui_products_forecast_checkbox_label,
inputValue: extjs_gui_products_forecast_checkbox_label,
listeners: {
check: addForecastLayer
}
}),";
}
//this condition controls whether or not the summation button is included in the javascript of the GUI
if($sumButton==="true"){
echo "
//TOFINISH
new Ext.Slider({
width: 125,
value: 73,
listeners: {
change: function(summationSlider, val) {
map.getLayersByName(openlayers_wms_layer_summation)[0].setOpacity(val/100);
}},
style: 'position:absolute; left:135px;'
}),
new Ext.form.Checkbox({
title: extjs_gui_products_sum_checkbox_title,
id: 'sum_checkbox_extjs',
boxLabel: extjs_gui_products_sum_checkbox_label,
inputValue: extjs_gui_products_sum_checkbox_label,
listeners: {
check: addSummationLayer
}
})";
}
echo "
]
}),