Que tal,
tengo el siguiente problema, estoy usando CSS para un par de paginas y en internet explorer se ve bien pero la veo en firefox y me sala mal, el menu desparece en firefox y la barra del buscador tambien y el log in se mueve por ensima del banner.
una de laspaginas es la siguiente:
http://www.cactuson.com/salsa
el codigo lo cheque y me sale correcto...este es el CSS que estoy utilizando.
Código PHP:
body {
padding : 0;
margin : 0;
line-height : 1.5em;
background : #fff;
color : #454545;
font-family : Tahoma, sans-serif;
font-size : 0.7em;
}
a {
color : #e0691a;
background : inherit;
}
a:hover {
color : #6c757a;
background : inherit;
}
h1 {
font : normal 2.1em Arial, Sans-Serif;
letter-spacing : -1px;
padding : 7px 0 0 8px;
margin : 0;
}
.dark {
color : #737373;
background : inherit;
font-weight : bold;
}
h1 a, h2 a {
text-decoration : none;
}
h1 a:hover, h2 a:hover {
color : #ff6600;
background : inherit;
}
h2 {
margin : 0;
padding : 0;
font : bold 1.7em Arial, Sans-Serif;
letter-spacing : -1px;
}
h2 {
font-size : 1.5em;
margin-bottom : 5px;
color : #000;
background : inherit;
}
p {
margin : 0 0 5px 0;
}
ul {
margin : 0;
padding : 0;
list-style : none;
}
form {
margin : 0;
}
input.search {
width : 292px;
border : 0;
background : #fff url(input.gif) no-repeat;
padding : 4px;
color : #e0691a;
font-weight : bold;
}
input.submit {
border : 0;
padding : 4px 0;
width : 65px;
margin : 0 15px 1px 0;
color : #fff;
font : bold 1em Arial, Sans-Serif;
background-color : #000000;
background-image : url(submit2.gif);
background-repeat : no-repeat;
}
input.login {
width : 150px;
border : none;
padding : 4px;
}
.content {
margin : 0 auto;
width : 780px;
padding : 10px;
background : #fff;
}
.header {
height : 55px;
background : #eee;
color : #808080;
border-bottom : 1px solid #ccc;
margin-top : 3px;
margin-right : 0;
margin-bottom : 3px;
margin-left : 0;
padding-top : 0;
padding-right : 0;
padding-bottom : 0;
padding-left : 0;
}
.top_info {
float : right;
width : 555px;
padding : 5px 0 4px 0;
border-bottom : 1px solid #eee;
background : #eee;
color : #808080;
}
.top_info_left {
width : 200px;
float : left;
background : #fff;
}
.top_info_right {
float : right;
width : 290px;
padding : 0 0 0 35px;
border-left : 1px solid #eee;
}
.browse_category {
font-size : 0.9em;
width : 190px;
color : #fff;
background : inherit;
}
.bar {
clear : both;
font-size : 1.1em;
height : 30px;
color : #fff;
margin : 0 0 0 0;
background-color : #000000;
}
.bar li {
margin : 0;
padding : 7px 12px 5px 12px;
color : #ffffff;
float : left;
background-color : #000000;
}
.bar li.active {
color : #fff;
font-weight : bold;
padding : 7px 10px 6px 10px;
background-color : #333333;
background-image : url(bar.gif);
background-repeat : no-repeat;
background-position : center top;
}
.bar li a {
font-weight : bold;
color : #fff;
background : inherit;
text-decoration : none;
}
.bar li a:hover {
color : #e0691a;
background : inherit;
}
.search_field {
background : #fff url(searchbg.gif) no-repeat right 0%;
color : #808080;
clear : both;
font-weight : bold;
padding : 7px 25px 10px 10px;
margin : 5px 0;
}
.grey {
color : #808080;
background : inherit;
font-weight : normal;
}
.search_form {
float : right;
}
.subheader {
margin : 0 0 10px 0;
border-bottom : 1px solid #eee;
padding : 5px 0 5px 0;
background : #a4a4a4;
color : #fff;
}
.left {
float : left;
width : 100%;
margin : 0 0 10px 0;
background : #fff;
}
.left h3 {
clear : both;
color : #000000;
padding : 7px 0 7px 5px;
margin : 0 0 0 0;
font-family : Tahoma, Arial, Sans-Serif;
font-size : 1em;
font-weight : bold;
background-color : #cccccc;
background-image : url(corner.gif);
background-repeat : no-repeat;
background-position : right top;
}
.left_side {
float : left;
width : 180px;
padding : 0 0 0 10px;
margin : 10px 0;
background-color : #ffffff;
}
.left_side a, .right_side a {
color : #414141;
background : #fff;
}
.right_side {
float : left;
width : 90%;
background : #fff;
color : #414141;
margin-top : 10px;
margin-right : 10px;
margin-bottom : 10px;
margin-left : 0;
padding-top : 0;
padding-right : 0;
padding-bottom : 0;
padding-left : 40px;
}
.left_box {
margin : 0 0 10px 0;
color : #000;
background : #fff;
padding : 3px 0;
}
.right {
float : right;
width : 34.6%;
margin : 0 0 10px 0;
background-color : #ffffff;
}
.right h3 {
background : #6c757a url(corner.gif) no-repeat top right;
color : #fff;
padding : 7px 0 7px 5px;
font : bold 1em Tahoma, Arial, Sans-Serif;
margin : 0 0 3px 0;
}
.right_articles {
background : #f5f5f5;
color : #414141;
padding : 8px;
margin : 0 0 3px 0;
}
.image {
float : left;
margin : 0 9px 3px 0;
}
.footer {
clear : both;
text-align : center;
padding : 10px 0 10px 0;
margin : 0;
border-top : 1px solid #ccc;
line-height : 1.8em;
background-color : #ffffff;
}
.footer a {
color : #808080;
background : #fff;
}
.style2 {
color : #000000;
}
body {
background-image : url(bg.jpg);
}
.style3 {
color : #414141;
}
.style4 {
color : #000000;
}
alguna sugerencia??