Visualizzazione dei risultati da 1 a 3 su 3
  1. #1

    Problema allineamento a destra di due DIV in un container, come fare???

    Ciao ragazzi, altro problemino che non riesco a risolvere da solo. Sto creando 2 o 3 <DIV> dentro il <div> contenitore... questi hanno la funzione di essere dei box dove collocare per esempio "login" e "modulo newsletter". Il primo box l'ho creato così:

    codice:
    #rightfirst {
    	float:left;
    	height: 250px;
    	width: 200px;
    	margin-top:20px;
    	padding-top:1em;
    	overflow:hidden;
    }
    il problema quando faccio il secondo utilizzando questo codice (dando un margin-top di 330 per spaziare dal primo):

    codice:
    #rightsecond {
    	float:left;
    	height: 250px;
    	width: 200px;
    	margin-top:330px;
    	padding-top:1em;
    	overflow:hidden;
    }

    Così facendo ottengo il seguente risultato:




    Praticamente è come se il primo contenitore riservasse tutta la colonna di destra... come posso fare per creare 1 o 2 <div> per contenere al loro interno vari script??? (come detto un campo per le news letter, piuttosto che un modulo di login, o uno spazio per i banner).

    Questo per farvi un idea di quello che vorrei realizzare:



    (per scrupolo vi metto anche il CSS del mio body)

    codice:
    #content {
    	width: 860px;
    	margin: 138px auto 0;
    	background: #fff;
    	padding: 0px;
    }

    Spero che riusciate ad aiutarmi, sto facendo diverse prove ma non trovo in rete nulla che mi spiega come fare questa procedura.

    Ciao ragazzi.

  2. #2
    (Non ho idea se bisogna adottare uno stile simile ad HTML.IT, con la colonna divisa in box sulla sinistra e una parte centrale con il contenuto...)

    Aspetto una vostra gentile risposta, sono davvero bloccato, ho provato a fare diversamente, riesco ad allineare i 3 box uno sotto l'altro, ma non a farci stare di fianco quello "principale"...

  3. #3
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Forese ti conviene farti un giro tra i layout pronti.
    Nei "link utili" ci sono alcuni riferimenti a layout.

    Comunque la cosa piu` semplice e` inserire i tre box (BOXUNO, BOXDUE e BOXTRE) dentro un contenitore (ad esempio "colonnabox").
    In alternativa puoi ottenere lo stesso effetto grafico, usando i float:right (anziche` left) ed inserendo nell'HTML il contenitore ("SPAZIO RISERVATO AL TESTO ...") prima dei tre box. Pero` non so se nella logica della pagina questo e` accettabile.
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

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.