Foros del Web - Ver Mensaje Individual

emilio_viguri · #1 (**permalink**) 22/06/2018, 09:45

Bueno quiero ver quien me saca de mi duda por que no entiendo que pasa, se supone que en este código pongo una ventana sobre otra para hacer un popup pero los position no me queda me lo coloca abajo pero no se por que ni como ponerlo sobre todo que hago mal o que esta mal.

<body> para fondo texto por defecto
<div id="sbody"> Para crea un padre para los popup y otras cosas
<div id="popup"> Crear una mensaje enésima de todo para mostrar un aviso
<header> Para cave sera
<nav> Menus
<section>Contenidos
<footer>Pies de pagina

Código HTML:

Ver original<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Documento sin título</title>
<link href="archivos/estilo.css" rel="stylesheet" type="text/css">
<meta http-equiv="refresh" content="10">
<style type="text/css">
body{ 
    background:#CCC;
    padding:5px;
    color:#FFF;
}
#sbody{
    background-color:#00C;
    padding:5px;
}
header, nav, section, footer{
    position:relative;
    background-color: rgba(0,5,2,.9);;
    padding:10px;
    display:block;
}
#popup{
    position:fixed;
    top: 50px;
    display:inline-block;
    padding:30px;
    margin-left:0px;
    margin-right:0px;
    background:#FF0;
}
</style>
</head>
 
<body>
<div id="sbody">
<div id="popup">Hola</div>
    <header>header</header>
    <nav>nav</nav>
    <section>Ver mas información  section</section>
    <footer>footer</footer>
</div>
</body>
</html>