Div affiancati (ennesimo post)

**marcorebelde** · 14-06-2009, 19:38

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.

**jubstuff** · 14-06-2009, 23:28

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

**loop** · 14-06-2009, 23:31

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>

**loop** · 15-06-2009, 00:05

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;
}

**marcorebelde** · 15-06-2009, 15:53

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

**loop** · 15-06-2009, 19:22

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

**marcorebelde** · 16-06-2009, 14:53

@ 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

**loop** · 16-06-2009, 17:24

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

**marcorebelde** · 17-06-2009, 15:22

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?

Discussione: Div affiancati (ennesimo post)

Strumenti discussione

Ricerca discussione

Visualizza

Div affiancati (ennesimo post)

Permessi di invio