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

    Div affiancati (ennesimo post)

    Ciao a tutti, da circa due giorni non ci sto capendo più nulla per posizionare due div affiancati. Ho creato il div container, ho creato i vari id nel file css per posizionare i div.... in dreamweaver, in vista progettazione vedo perfettamente i due div affiancati (ho messo un background per riconoscerli), ma appena carico la pagina su internet i due div non vengono affiancati ma prima uno e successivamente l'altro, come se non avessi fatto niente. In più non si vedono neanche i colori di bg che avevo aggiunto per riconoscerli.
    Mi sembra strano, ma è possibile che il file (è php) dia problemi? :master:
    La pagina per vedere il codice è
    http://www.discotecaemerald.com/descr_eventi.php?e=36

    In allegato c'è un immagine di come dovrebbe essere, che è quella che vedo in dreamweaver.
    Ho provato un sacco di metodi ma nessuno funziona.

  2. #2
    Scusa ma hai applicato due id, "left" e "right", ai due div, ma questi id non sono specificati nel css!

  3. #3
    Utente bannato
    Registrato dal
    May 2009
    Messaggi
    393
    codice:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    	<head>
    <title>Documento senza titolo</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <style type="text/css">
    .contenitore {
    	border: none;
    	margin-left: auto;
    	margin-right: auto;
    	text-align: left;
    	width: 950px;
    }
    
    .left {
    	background-color: #ffff00;
    	border: none;
    	clear: both;
    	float: left;
    	line-height: 300px;
    	padding: 0px;
    	width: 470px;
    }
    
    .right {
    	background-color: #ff0000;
    	border: none;
    	float: left;
    	line-height: 300px;
    	padding: 0px;
    	width: 480px;
    }
    </style>
    	</head>
    	<body>
    		<div class="contenitore">
    			<div class="left"></div>
    			<div class="right"></div>
    			<div style="clear: both;"></div>
    		</div>
    	</body>
    </html>

  4. #4
    Utente bannato
    Registrato dal
    May 2009
    Messaggi
    393
    Originariamente inviato da jubstuff
    Scusa ma hai applicato due id, "left" e "right", ai due div, ma questi id non sono specificati nel css!
    Si ci sono! Ma sono incompleti
    eccoli
    codice:
    #left{
    position:absolute;
    right:50%;
    width:480px;
    background-color:yellow;
    }
    
    #right{
    position:absolute;
    left:50%;
    width:470px;
    float:left;
    background-color:red;
    }

  5. #5
    Quindi visto che sono specificati nel css, perchè non funzionano?!?

  6. #6
    Utente bannato
    Registrato dal
    May 2009
    Messaggi
    393
    Originariamente inviato da marcorebelde
    Quindi visto che sono specificati nel css, perchè non funzionano?!?
    Confrontali con l'esempio che ti ho postato e lo scoprirai.

    1-Non puoi dare una posizione assoluta se vuoi che flottino
    2-Posizione assoluta richiede obbligatoriamente almeno un top od un left
    3-margin deve essere auto
    4-Float:left deve essere anche nel id left
    5-E' bene usare clear: both;

    Prova il mio esempio e vedrai che funziona

  7. #7
    @ loop:
    Ho provato il codice che hai postato ma continua a non funzionare. Riguardando il codice originale mio, se noti c'è un container esterno che racchiude tutta la struttura per centrarlo nella pagina e poi un div "centrale eventi" che contiene i div affiancati. E' possibile che interferiscano tra di loro? Se vuoi ho allegato un file zip con la pagina e il file css , così puoi provarlo tu con il tuo pc.
    Scaricalo da qui:
    sito.zip

  8. #8
    Utente bannato
    Registrato dal
    May 2009
    Messaggi
    393
    Non lo posso fare perchè in questo momento non ho installato un server in locale.

    Comunque è ovvio che l'esempio lo devi adattare alle tue esigenze

  9. #9
    Se uso lo strumento "disegna div pa", quale valore devo usare come position? Vorrei che i div stessero in una posizione ben precisa e non si spostino al ridimensionamento della pagina. Credo che "absolute" vada bene, no?

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.