Ciao a tutti ho un problema con i css, con IE7 funziona tutto bene mentre con firefox ho problemi di visualizzazzione di alcuni elementi, c'è qualcuno che può aiutarmi ad adattare il mio codice css che sia compatibile anche con firefox. Di seguito posto il codice CSS:
body, html {
height: 100%
}
body {
background: #fff;
color: black;
font-family: Helvetica, Arial, sans-serif;
font-size: small;
margin: 8px;
margin-top: 3px;
}
a {
font-size: 12px;
}
.gwt-label {
font-size: 12px;
}
.gwt-salva {
font-size: 14px;
font-weight: bold;
cursor: hand;
}
.gwt-schede div{
padding-left: 5px;
padding-top: 5px;
font-size: 14px;
font-family: Courier New;
font-weight: bold;
}
.gwt-header_top {
background: url(head_top.gif) repeat-x top left;
height: 30px;
cursor: default;
font-size: 12px;
border-bottom :1px solid #c3c3c3;
font-weight: bold;
padding: 1px;
}
div.etichetta {
padding-top: 6px;
padding-left: 4px;
font-size: 14px;
}
div.padding {
padding-top: 6px;
padding-left: 4px;
}
div.padding a {
font-size: 10px;
}
.gwt-header_down {
background: url(head_down.gif) repeat-x top left;
height: 30px;
cursor: default;
font-size: 12px;
border-bottom :1px solid #c3c3c3;
font-weight: bold;
padding: 1px;
}
.gwt-dialog {
border: 1px solid #c3c3c3;
background: #fff;
}
.gwt-pannello {
border: 1px solid #c3c3c3;
}
.gwt-ListHeader_top td {
background: url(head_topalto.gif) repeat-x top left;
border-bottom: 1px solid #c3c3c3;
cursor :default;
font-weight: bold;
font-size: 12px;
height: 30px;
}
.gwt-ListHeader_down td {
background: url(head_down.gif) repeat-x top left;
border-bottom: 1px solid #c3c3c3;
cursor :default;
font-weight: bold;
font-size: 12px;
height: 30px;
}
.gwt-table {
cursor: hand;
font-size: 12px;
}
.gwt-table td {
padding: 2px 0 2px 10px;
.gwt-selectedRow {
background: #eee;
}
.gwt-selectedRow td {
border-bottom: 1px solid #666;
border-top: 1px solid #666;
}
.gwt-registrati{
font-size: 10px;
}
.gwt-1Column{
width: 20px;
border-bottom: 1px solid #c3c3c3;
}
.gwt-DialogBox {
background-color: white;
border-left: 1px solid #666;
border-right: 1px solid #666;
border-bottom: 1px solid #666;
}
.gwt-DialogBox .Caption {
background: url(head_top.gif) repeat-x top left;
font-weight: bold;
cursor: default;
padding: 5px 10px;
border-bottom: 1px solid #666;
border-top: 1px solid #666;
text-align: left;
}
.gwt-DialogBox td {
text-align: left;
}
.gwt-DialogBox .gwt-Button {
margin: 10px;
}
.gwt-dockPanel {
}
.gwt-left {
}
.gwt-TabPanel {
}
.gwt-TabPanelBottom {
background-color: #E8EEF7;
}
.gwt-TabBar {
padding-top: 2px;
border-bottom: 4px solid #dadaff;
background-color: #fff;
}
.gwt-TabBar .gwt-TabBarFirst {
}
.gwt-TabBar .gwt-TabBarRest {
}
.gwt-TabBar .gwt-TabBarItem {
padding: 4px;
cursor: pointer;
cursor: hand;
background-color: #e8eef7;
border-bottom: 2px solid white;
margin-right: 2px;
font-size: 12px;
}
.gwt-TabBar .gwt-TabBarItem-selected {
padding: 6px;
font-weight: bold;
cursor: default;
background: url(head_down.gif) repeat-x top left;
border-bottom: 2px solid #dadaff;
margin-right: 2px;
}
.gwt-Tree {
cursor: pointer;
cursor: hand;
}
.gwt-Tree .gwt-TreeItem-selected div.gwt-Elemento{
background-color: yellow;
}
.gwt-dp-open {
cursor: hand;
background-color: #87b3ff;
border: 1px solid black;
}
span.tree {
padding-right: 4px;
}
div.albero a:hover {
background-color: yellow;
}
.gwt-DeselectedRow td {
background-color : white ;
}
.gwt-SelectedRow td {
background-color : #eee ;
}
a {
text-decoration: none
}
.gwt-Patt {
}
.gwt-commento {
font-size: 10px;
}
span.log {
float: left;
margin: 3px;
}
span.info {
padding-left: 10px;
font-size: 12px;
}
p.username {
font-size: 16px;
font-weight: bold;
}
span.salvataggio {
padding-down: 15px;
cursor: hand;
font-weight: bold;
font-size: 12px;
}
span.immagine {
padding-left: 5px;
cursor: hand;
}
.gwt-Bar table {
font-size: 80%;
}
.gwt-Bar td {
border: none;
}
.gwt-add {
padding-top: 4px;
padding-left: 2px;
padding-bottom: 2px;
padding-right: 1px;
}
.gwt-del {
padding-top: 2px;
padding-left: 1px;
padding-bottom: 2px;
padding-right: 10px;
}
Grazie in anticipo.