Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 12
  1. #1

    problemi con più div annidati

    Ciao a tutti.
    Ho un po' di problemi con il layout che sto creando.
    Praticamente devo rifare questo layout:


    Ho pensato per prima cosa di fare un div generale:
    codice:
    #esterno {
    	width: 634px;
    	margin-top: 0px;
    	margin-right: auto;
    	margin-bottom: auto;
    	margin-left: auto;
    }
    Questo div racchiude il div ombra (che contiene le ombre).Lo sfondo di questo div è questo:

    il css del div ombra è:
    codice:
    #ombra {
    	background-image: url(img/immagini/container_03.gif);
    	background-repeat: repeat-y;
    	width: 640px;
    	margin-top: 0px;
    	margin-right: auto;
    	margin-bottom: 0px;
    	margin-left: auto;
    }
    Poi in ombra devo inserire a destra il testo e a sinistra il box arancione come nell'immagine,così creo un div chiamato contenuto che conterrà il testo:
    codice:
    #contenuto {
    	width: 400px;
    	float:left;
    }
    Poi con questo html creo la pagina:
    codice:
    <div id="esterno">
    <div id="ombra">
    <div id="contenuto">
    </div>
    </div>
    </div>
    Se scrivo in contenuto lo sfondo del div ombra non si vedere,mentre se scrivo ad esempio:
    codice:
    <div id="esterno">
    <div id="ombra">
    <div id="contenuto">
    
    
    </p>
    
    </div>
    
    
    </p>
    
    
    </p>
    
    
    </p>
    
    
    </p>
    
    
    </p>
    
    
    </p>
    
    
    </p>
    
    
    </p>
    
    
    </p>
    
    
    </p>
    
    
    </p>
    
    
    </p>
    
    
    </p>
    
    
    </p>
    
    
    </p>
    
    
    </p>
    
    
    </p>
    
    
    </p>
    
    
    </p>
    
    
    </p>
    
    
    </p>
    
    
    </p>
    
    
    </p>
    
    
    </p>
    
    
    </p>
    </div>
    </div>
    Se scrivo nel div contenuto adesso lo sfondo si vede.
    Io vorrei però che funzionasse in questo modo:
    codice:
    <div id="esterno">
    <div id="ombra">
    <div id="contenuto">
    prova
    </div>
    </div>
    </div>
    Qundi all'allungarsi di contenuto si deve allungare anche ombra,cosa devo fare?

  2. #2

  3. #3

  4. #4

  5. #5
    troppo difficiel?

  6. #6
    Per comodità ho messo le pagine on-line.

    Il risultato che vorrei ottenere dovrebbe essere simile a questo:http://danielerubatti.altervista.org/tc/Untitled-2.php

    invece ottengo questo:
    http://danielerubatti.altervista.org/tc/Untitled-3.php

    Perchè non usare il codice della prima pagina?
    Perchè estrapolare gli articoli di mysql e inserirli nel div contenuto.

    Per favore

  7. #7

  8. #8
    Ecco forse qua ci capite un po' di più

  9. #9

  10. #10
    Utente bannato
    Registrato dal
    Feb 2009
    Messaggi
    85
    piccolo up

    (sono banv_a1)

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.