css warning box

pcarvajal · #1 (**permalink**) 20/05/2009, 13:42

Estoy tratando de poner un <div> "sobre" el contenido de una pagina (en su parte superior), y para variar, o se ve bien en FF y noi en IE y viceversa.

Aquí esta el código CSS

Cita:

/*BEGIN WARNING BOX*/
body {
margin: 0px;
padding: 0px;
}
#warningbox a, #warningbox a:link, #warningbox a:visited, #warningbox a:active {
display: block;
color: #000;
background: #FFFFFF;
text-decoration: none;
}
#warningbox a:hover {
color: #000000;
background: #FFFFFF;
text-decoration: underline;
}
#warningbox {
position: absolute;
background: #FFFFFF;
width:100%;
height:30px;
margin-left:0px;
}
#warningbox table{
font-size:10px;
font-family: Tahoma, Trebuchet MS, Georgia,Verdana, Arial, Helvetica, sans-serif;
color: #000000;
}
/*END WARNING BOX*/

Y aquí el HTML

Cita:

<div id="warningbox"><table border="1"><tr><td align="center"><a href="#">aqui_va_un_enlace</a></td><td align="right"><img src="foto.gif"></td></tr></table></div>

como hacerlo para que se vea bien en ambos??

Saludos!

pcarvajal · #2 (**permalink**) 20/05/2009, 19:15

:snif: :snif:
nadie puede hecharme una manito??

pcarvajal · #3 (**permalink**) 21/05/2009, 08:59

alguna sugerencia???

Mikmoro · #4 (**permalink**) 21/05/2009, 10:29

Cita:

Iniciado por pcarvajal

Estoy tratando de poner un <div> "sobre" el contenido de una pagina (en su parte superior), y para variar, o se ve bien en FF y noi en IE y viceversa.

Para recibir ayuda deberías especificar qué es lo que ocurre en cada caso, no algo tan vago como: "o se ve bien en FF y noi en IE y viceversa", que a mi personalmente no me dice nada sobre tu problema.

Si usas una posición absoluta en #warningbox deberías indicarle coordenadas de posición, como left: 0; top: 0; o lo que necesites.

pcarvajal · #5 (**permalink**) 21/05/2009, 11:34

Cita:

Si usas una posición absoluta en #warningbox deberías indicarle coordenadas de posición, como left: 0; top: 0; o lo que necesites.

perfecto, muchas gracias, era precisamente el empujoncito que necesitaba.

Aquí dejo les dejo el código funcionando en FF y IE por si a alguien le es útil.

Cita:

<html>
<head>
<style type="text/css">
/*BEGIN WARNING BOX*/
body {
margin: 0px;
padding: 0px;
}
#warningbox a, #warningbox a:link, #warningbox a:visited, #warningbox a:active {
display: block;
color: #000;
background: #FFFFFF;
text-decoration: none;
}
#warningbox a:hover {
color: #000000;
background: #FFFFFF;
text-decoration: underline;
}
#warningbox {
position: absolute;
background: #FFFFFF;
width:100%;
height:30px;
left: 0;
top: 0;
}
#warningbox table{
font-size:10px;
font-family: Tahoma, Trebuchet MS, Georgia,Verdana, Arial, Helvetica, sans-serif;
color: #000000;
}
/*END WARNING BOX*/
</style>
</head>
<body bgcolor="black" text="white">
Y aquí el HTML
<div id="warningbox"><table border="1"><tr><td align="center"><a href="#">aqui_va_un_enlace</a></td><td align="right"><img src="foto.gif"></td></tr></table></div>
</body>
</html>

Saludos!

Mikmoro · #6 (**permalink**) 21/05/2009, 11:36

De nada. Esta semana me llevo el título de adivino

Saludos.