Visualizzazione dei risultati da 1 a 4 su 4

Discussione: Aiutino con un div

  1. #1

    Aiutino con un div

    Salve, vorrei creare un div orizzontale alto circa 20 px che si posiziona orizzontalmente in alto a tutto alla pagina, e la occupa in tutta la larghezza indipendentemente dalla grandezza del browser (100% width, quindi). Sapreste per caso dirmi come ottenere un effetto del genere, e far si che una volta posizionato questo div in alto esso sposti in basso di altri 10 px tutto il resto della pagina? Grazie in anticipo. Spero che mi abbiate inteso

  2. #2
    Utente di HTML.it L'avatar di ispuk
    Registrato dal
    Jan 2009
    Messaggi
    1,026
    salva questa pagina come pagina.html e vedi se fa al caso tuo

    codice:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Documento senza titolo</title>
    <style type="text/css">
    #body{margin:0 auto;}
    #top{width:100%;height:20px;background-color:#FFFFFF;}
    #contenitore{margin:0 auto;margin-top:10px;width:900px/*a tuo piacimento*/;background-color:#DDE0F4;height:1000px/*puoi non specificarlo*/}
    </style>
    </head>
    
    <body bgcolor="#333333">
    <div id="top">DIV 20PX ALTEZZA 100% LARGHEZZA</div>
    <div id="contenitore" align="center">CONTENITORE inserisci tutto il codice html della pagina qui</div>
    </body>
    </html>

  3. #3
    Utente di HTML.it L'avatar di moonba
    Registrato dal
    Jun 2007
    Messaggi
    649
    ..."align center" è deprecato ..ergo non funziona su firefox per centrare..

  4. #4
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    riapri il thread dopo aver letto il regolamento in evidenza, soprattutto la parte relativa ai titoli, grazie.
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.