• In diretta da GamesVillage.it
    • News
    • -
    • In Evidenza
    • -
    • Recensioni
    • -
    • RetroGaming
    • -
    • Anteprime
    • -
    • Video
    • -
    • Cinema

Visualizzazione risultati da 1 a 11 di 11

Discussione: Posizionamento con CSS

Cambio titolo
  1. #1
    ★★★★★ L'avatar di Smuggler
    Registrato il
    10-02
    Località
    Reggio Emilia
    Messaggi
    5.188

    Posizionamento con CSS

    Sto facenodo delle prove con HTML e CSS, ma ho un problema con il layout.
    La pagina è strutturata così: c'è un "container" (io lo chiamo così) che contiene menù, contenuto vero e proprio ecc. Questo container ovviamente ha un'altezza variabile in base al contenuto.
    Fin qui nessun problema, il fatto è che voglio mettere una banner in fondo alla pagina, fuori dal container. Ho provato in vari modi sia dal CSS che dall'HTML ma il banner viene sempre in alto, sovrapposto al resto.
    Qualcuno riesce a darmi una mano?

    (non mi dite di usare una tabella)
    Ultima modifica di Smuggler; 6-01-2005 alle 19:42:14

  2. #2
    Demiurgo L'avatar di Bisark
    Registrato il
    03-03
    Località
    Vengo dalla Luna(Foligno)
    Messaggi
    10.444
    Aiutarti così con senza nulla di concreto sotto le mani è un po' difficile.
    Se ci dai un link o ci fai vedere il codice magari ti possiamo aiutare.
    L'utente in questione ha abbandonato il forum perché crede che da qualche anno a questa parte l'amministrazione dello stesso sia diventata semplicemente ridicola. Il modo in cui sono riusciti a burocratizzare e rendere meno piacevole un forum in cui la gente dovrebbe divertirsi e discutere insieme è disgustoso.
    Ed ora ci si mettono pure i banner parlanti!

  3. #3
    ★★★★★ L'avatar di Smuggler
    Registrato il
    10-02
    Località
    Reggio Emilia
    Messaggi
    5.188
    Hai ragione Bisark.
    La pagina HTML è praticamente questa:

    Codice:
        <body>
        
        <div id="container">
        
          <div id="logo">
          </div>
        
          <div id="menu">
        	<?php include("includes/menu.html"); ?>
          </div>
        
          <div id="contenuto">
           <span>abcde</span>
          </div>
         
        </div>
        
        <div id="banner">
          <?php include("includes/banner.html"); ?>
        </div>
        
        </body>
    Invece il CSS a cui è collegato è questo (ho tagliato certe parti tipo "a" perchè non credo che c'entrino col mio problema):

    Codice:
      body
      {
        font-family: Verdana, Arial, Helvetica, Sans-Serif;
        font-size: 12px;
        color: #FFFFFF;
        background-image: url('pagebg.jpg');
        background-attachment: fixed;
        background-repeat: repeat-x;
      }
      
      #container
      {
        width: 700px;
        left: 50%;
        margin-left: -350px;
        position: absolute;
        margin-top: 10px;
        margin-bottom: 10px;
        background-color: #666666;
      }
      
      #logo
      {
        width: 700px;
        height: 80px;
        margin-bottom: 10px;
        background-image: url('logo.jpg');
      }
      
      #contenuto
      {
        margin-left: 140px;
      }
      
      #menu
      {
        float: left;
      }
      
      #banner
      {
        text-align: center;
      }
    #banner sarebbe appunto quello da far stare in fondo.
    Ultima modifica di Smuggler; 6-01-2005 alle 20:21:48

  4. #4
    Demiurgo L'avatar di Bisark
    Registrato il
    03-03
    Località
    Vengo dalla Luna(Foligno)
    Messaggi
    10.444
    Nel CSS su "conteiner" invece di absolute prova a mettere relative, io ho fatto una prova e mi ha funzionato
    L'utente in questione ha abbandonato il forum perché crede che da qualche anno a questa parte l'amministrazione dello stesso sia diventata semplicemente ridicola. Il modo in cui sono riusciti a burocratizzare e rendere meno piacevole un forum in cui la gente dovrebbe divertirsi e discutere insieme è disgustoso.
    Ed ora ci si mettono pure i banner parlanti!

  5. #5
    ★★★★★ L'avatar di Smuggler
    Registrato il
    10-02
    Località
    Reggio Emilia
    Messaggi
    5.188
    Citazione Bisark
    Nel CSS su "conteiner" invece di absolute prova a mettere relative, io ho fatto una prova e mi ha funzionato
    Mettendo relative il banner resta dov'era prima, in più il blocco del contenuto non arriva più fino in fondo.

  6. #6
    Demiurgo L'avatar di Bisark
    Registrato il
    03-03
    Località
    Vengo dalla Luna(Foligno)
    Messaggi
    10.444
    Guarda come mi si cambia la visualizzazione da absolute a relative:

    L'utente in questione ha abbandonato il forum perché crede che da qualche anno a questa parte l'amministrazione dello stesso sia diventata semplicemente ridicola. Il modo in cui sono riusciti a burocratizzare e rendere meno piacevole un forum in cui la gente dovrebbe divertirsi e discutere insieme è disgustoso.
    Ed ora ci si mettono pure i banner parlanti!

  7. #7
    ★★★★★ L'avatar di Smuggler
    Registrato il
    10-02
    Località
    Reggio Emilia
    Messaggi
    5.188
    Ma se tu provi ad allungare il menu più in basso del contenuto, vedrai che il banner rimane appena sotto il contenuto, sovrapposto al menu.
    Come faccio a fargli usare il container come riferimento per la sua posizione? Per es. se io volessi farlo stare 20px più in basso del container come faccio?

  8. #8
    fremo di raccapriccio L'avatar di kocam
    Registrato il
    10-02
    Località
    Dove vivi
    Messaggi
    3.463
    Codice:
      #container
      {
        width: 700px;
        left: 50%;
        margin-left: -350px;
        position: relative;
        margin-top: 10px;
        margin-bottom: 10px;
        background-color: #666666;
      }
    
      #banner
      {
        text-align: center;
        position: relative;
        margin-top: 20px;
      }
    Così mi va
    Sono masto. Gaio chi nega.

  9. #9
    ★★★★★ L'avatar di Smuggler
    Registrato il
    10-02
    Località
    Reggio Emilia
    Messaggi
    5.188
    Citazione kocam
    Così mi va
    Come sopra.
    Se metti più testo nel menu che nel contenuto il banner si sovrappone al menu.
    Sentite non è che magari avete visto qualche sito con l'effetto che intendo io, così magari cerco nel CSS...

  10. #10
    Demiurgo L'avatar di Bisark
    Registrato il
    03-03
    Località
    Vengo dalla Luna(Foligno)
    Messaggi
    10.444
    Prova a mettere nel container un
    padding-bottom: 20px;
    So che da un po' di inconvenienti però a questo punto
    L'utente in questione ha abbandonato il forum perché crede che da qualche anno a questa parte l'amministrazione dello stesso sia diventata semplicemente ridicola. Il modo in cui sono riusciti a burocratizzare e rendere meno piacevole un forum in cui la gente dovrebbe divertirsi e discutere insieme è disgustoso.
    Ed ora ci si mettono pure i banner parlanti!

  11. #11
    ★★★★★ L'avatar di Smuggler
    Registrato il
    10-02
    Località
    Reggio Emilia
    Messaggi
    5.188
    Niente da fare

    Vorrà dire che se mai ci sarà una pagina più corta del menu la riempirò di <br/>.
    Non sarà elegante, ma almeno funziona...

Regole di Scrittura

  • Tu non puoi inviare nuove discussioni
  • Tu non puoi inviare risposte
  • Tu non puoi inviare allegati
  • Tu non puoi modificare i tuoi messaggi
  •