banner centrado y en la parte superior top 0

Montes28 · #1 (**permalink**) 22/02/2012, 19:15

hola amigos

necesito poner un banner centrado y en la parte superior top 0 pero no lo consigo

este es mi codigo

que me hace falta

Código CSS:

Ver original#banner{
    width:800px; margin:0 auto;
    top: 0;
    }

xFantaSx · #2 (**permalink**) 22/02/2012, 19:50

Hola, te falta ponerle una posición, en tu caso tendrías que poner: position:absolute;

Montes28 · #3 (**permalink**) 22/02/2012, 22:09

gracias por responder

con lo que dices el banner queda ubicado al lado izquierdo y no queda totalmente arriba

Montes28 · #4 (**permalink**) 22/02/2012, 22:10

necesito que el baner quede al tope del navegador

joseoliveras · #5 (**permalink**) 23/02/2012, 02:11

Tienes que "resetear" el body
body{margin:0;}

Montes28 · #6 (**permalink**) 23/02/2012, 09:43

gracias por responder pero no consigo ubicar el baner en el top 0

xFantaSx · #7 (**permalink**) 23/02/2012, 10:29

Deja el link de tu web, o una imágen con el código, tal vez algo anda mal!

Montes28 · #8 (**permalink**) 23/02/2012, 13:38

hola amigos este es mi codigo

Código CSS:

Ver original<style>
<style type='text/css'>
 
body{
margin:0;
} 
#banner{
    width:850px; margin:0 auto;
        }
 
 
</style>
<body>
<div id="banner"><a href="http://intranet.ingeominas.gov.co/"><img src="http://www.forosdelweb.com/f53/fullcalendar/banner.gif"/></a></div>
</body

Montes28 · #9 (**permalink**) 23/02/2012, 13:39

xFantaSx · #10 (**permalink**) 23/02/2012, 14:14

Hola, pues tu código anda un poco mal.
1.estás abriendo una etiqueta <style> que nunca se cierra.
2. no estás cerrando la etiqueta body correctamente.
3. la imagen no existe.

Al parecer, probando el código en mi pc, el problema ocurre por tener esa etiqueta style.

Código HTML:

Ver original<html>
<head>
<title>
</title>
<style type='text/css'>
 
body{
margin:0;
} 
#banner{
    width:850px; margin:0 auto;
        }
 
 
</style>
<body>
<div id="banner"><a href="http://intranet.ingeominas.gov.co/"><img src="http://www.forosdelweb.com/f53/fullcalendar/banner.gif"/></a></div>
</body
</html>

Debería quedar de esta forma.