Visualizzazione dei risultati da 1 a 7 su 7
  1. #1
    Utente di HTML.it
    Registrato dal
    Feb 2003
    Messaggi
    1,965

    Div, due "oggetti" sulla stessa linea

    La parte superiore del sito, l'header, è costituita da un div.

    Ho la necessita' di far stare sullo stesso piano, il logo, e un'altra immagine o una tabella.

    Pensavo quindi di creare due div rispettivamente con classe "left", e "right".

    Solo che, utilizzando il float, mi crea un gran casino con la pagina (poiche' le colonne laterali lo utilizzano).

    Allora ho levato il float, ma a questo punto i due div sono su due righe.
    Neanche con display:inline mi funziona.


    Questo e' un caso singolare, ma trarro' sicuramente piu' informazioni possibili per adattarmi in altri casi.


    Ciao

  2. #2
    Utente di HTML.it L'avatar di floyd46
    Registrato dal
    Feb 2002
    residenza
    Apulia
    Messaggi
    2,641

    Re: Div, due "oggetti" sulla stessa linea

    leggi questo articolo; potrebbe fare al caso tuo:
    http://www.extrowebsite.com/articolocss.asp?ID=41
    tratta di 2 div che si trovano sulla stessa riga.
    ciao
    "Le persone che realizzano layout con tabelle annidate, spacer gif o che ignorano l'accessibilità non possono più definirsi professionisti." Andy Clarke
    --------------------------------

    www.extrowebsite.com

  3. #3
    Utente di HTML.it
    Registrato dal
    Feb 2003
    Messaggi
    1,965
    quello che dice questa guida ero riuscito a implementarlo da solo (mi riferisco all'utilizzo di float).
    Pero' non so perche'...ma mi "esce" dal suo contenitore.

    Esempio

    codice:
    <div id="container">
      <div id="header">
         <div class="sinistra"> ... </div>
         <div class="destra"> ... </div>
      </div>
      ....
    
    </div>
    Come se non considerasse come contenitore il div "header".

    Saltano gli schemi

  4. #4
    Utente di HTML.it
    Registrato dal
    Feb 2003
    Messaggi
    1,965
    Ah, forse ho trovato il problema...

    Il div "header" viene considerato vuoto.
    Se fuori dai div "sinistra" e "destra" inserisco 6 o 7
    , succede che tutto va normalmente: le colonne scendono, e lo spazio dei contenuti scende.

    Solo che volevo evitare di utilizzare questo metodo, mi sa' un po' troppo di un metodo non molto conforme alle regole, poi non so se ci sono problemi con altri browser.

    Avevo provato anche con qualcosa tipo
    clear:both;
    per il div "header", pero' non ha avuto effetto


    Puo' essere considerato un bug nei css o un bug di implementazione ???

    Ciao

  5. #5
    Utente di HTML.it
    Registrato dal
    Feb 2003
    Messaggi
    1,965
    Per dire, se ci metto solo 3
    nell'header, non mi scende, e mi mostra a video come nell'allegato

    (p.s.: gli oggetti che devono stare sullo stesso piano, sono: una immagine e una tabella )

    come se non mi considerasse l'immagine e la tabella, oggetti in grado di impostare le dimensioni fluide del div in questione
    Immagini allegate Immagini allegate

  6. #6
    Utente di HTML.it L'avatar di floyd46
    Registrato dal
    Feb 2002
    residenza
    Apulia
    Messaggi
    2,641
    ciao keratox
    sinceramente non ho capito nulla di quello che hai scritto e provato con i
    ecc...
    L'esempio che ti ho segnalato io non prevede nessun uso di interruzioni di linea.
    ciao
    "Le persone che realizzano layout con tabelle annidate, spacer gif o che ignorano l'accessibilità non possono più definirsi professionisti." Andy Clarke
    --------------------------------

    www.extrowebsite.com

  7. #7
    Utente di HTML.it
    Registrato dal
    Feb 2003
    Messaggi
    1,965
    Allora, quello che era stato detto in quell'articolo l'avevo gia' fatto, e gia' mi dava un problema.

    Il fatto e' che l'immagine che e' all'interno del div header, sembra che non occupi spazio.

    Non so come sistemare.

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 © 2025 vBulletin Solutions, Inc. All rights reserved.