Foros del Web » Creando para Internet » CSS »

Pagina CSS funciona bien en ie perono en firefox

Estas en el tema de Pagina CSS funciona bien en ie perono en firefox en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 02/05/2007, 15:22
 
Fecha de Ingreso: marzo-2005
Mensajes: 53
Antigüedad: 12 años, 8 meses
Puntos: 0
Pagina CSS funciona bien en ie perono en firefox

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 Tahomasans-serif;
font-size 0.7em;
}
{
color #e0691a;
background inherit;
}
a:hover {
color #6c757a;
background inherit;
}
h1 {
font normal 2.1em ArialSans-Serif;
letter-spacing : -1px;
padding 7px 0 0 8px;
margin 0;
}
.
dark {
color #737373;
background inherit;
font-weight bold;
}
h1 ah2 a {
text-decoration none;
}
h1 a:hoverh2 a:hover {
color #ff6600;
background inherit;
}
h2 {
margin 0;
padding 0;
font bold 1.7em ArialSans-Serif;
letter-spacing : -1px;
}
h2 {
font-size 1.5em;
margin-bottom 5px;
color #000;
background inherit;
}
{
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 ArialSans-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 TahomaArialSans-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 TahomaArialSans-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??
  #2 (permalink)  
Antiguo 02/05/2007, 19:15
 
Fecha de Ingreso: junio-2002
Mensajes: 751
Antigüedad: 15 años, 6 meses
Puntos: 22
Re: Pagina CSS funciona bien en ie perono en firefox

Aparte de Firefox, tampoco se ve bien en IE7 ni en Opera.
Para solucionarlo, en .header {} elimina height:55px;

Si no especificas el tamaño el div se ajusta al contenido.
En IE6- se estaba ajustando al contenido ignorando el tamaño especificado (su comportamiento no es correcto).

Salu2
  #3 (permalink)  
Antiguo 02/05/2007, 23:30
 
Fecha de Ingreso: marzo-2005
Mensajes: 53
Antigüedad: 12 años, 8 meses
Puntos: 0
Re: Pagina CSS funciona bien en ie perono en firefox

gracias!

funciono perfecto, clasico que los errores pequeños afectan toda la imagen! tenia como dos horas revisando el codigo y me salteaba eso! gracias!
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 10:33.