allora, ho aggiunto anche il div che deve stare in mezzo alla pagina.
questo il codice:
continua ad essere mozzata (o sopra o sotto, dipende dal position e attachment).codice:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Lookita</title> <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/4.2.0/normalize.css"> <style> html, body { height: 100%; margin: 0; padding: 0; } body { background-image: url('images/LookITA1920.jpg'); background-repeat: no-repeat; background-position: center center; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .outer { display: table; position: absolute; height: 100%; width: 100%; } .middle { display: table-cell; vertical-align: middle; } .reg { width: 518px; margin: 0 auto; height: 100px; border: 1px solid black; background-color: rgba(0,0,0,0.5); } </style> </head> <body> <div class="outer"> <div class="middle"> <div class="reg"> <img src="images/LOOKITA_NERO.jpg" alt="LookITA" style="float: left;" width="155"> <input type="email" id="email" style="float: left;"> <button type="button" id="send" style="float: left;">Registrati</button> <div style="clear: both"></div> </div> </div> </div> </body> </html>
ho provato anche a metterlo come background del div, ma è uguale.
qualche altra idea??

Rispondi quotando