posizionare tre div dentro un altro [era: Come faccio questo ?]

**unreg** · 31-03-2005, 22:12

Salve,

devo fare un div contenitore,
al suo interno deve contenere altri 2 div:

il primo di 120 px,

il secondo deve essere + grande possibile.

In basso ci deve essere un altro div,
al di fuori del div contenitore, ma grande quanto il div contenitore.

es.

________________
|___|____________|
________________

Grazie mille !

**unreg** · 01-04-2005, 07:06

up

**Mich_** · 01-04-2005, 08:59

codice:

<div id="contenitore">
  <div id="sinis">
    

contenuto sinistro</p>
  </div>
  <div id="destro">
    

contenuto destro</p>
  </div>
  <div id="basso">
    

contenuto basso</p>
  </div>
</div>

Cui corrisponde il CSS:

codice:

#contenitore {
  width: 100%;
}
#sinis {
  float:left;
  width: 120px;
}
#destro {
  float:left;
}
#basso {
  clear:left;
  width: 100%;
}

Prova cosi`.
Potresti aver bisogno di altri attributi CSS in #destro.

Ho messo il #basso dentro il #contenitore, perche` e` conveniente mettere un contenitore che prenda tutta la pagina, ma puoi anche mettere il #basso fuori da #contenitore.

**andrea.paiola** · 01-04-2005, 09:13

Originariamente inviato da unreg
Salve,

devo fare un div contenitore,
al suo interno deve contenere altri 2 div:

il primo di 120 px,

il secondo deve essere + grande possibile.

In basso ci deve essere un altro div,
al di fuori del div contenitore, ma grande quanto il div contenitore.

es.

________________
|___|____________|
________________

Grazie mille !

XHTML

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="it">
<head>
<title>Titolo della pagina</title>
<meta http-equiv="Content-Type" content="text/html; charset= iso-8859-1" />
<meta http-equiv="Content-Language" content="it" />
<meta name="keywords" content="parole chiave" />
<meta name="description" content="descrizione" />
<style type="text/css" media="screen">
@import url(stile.css);
</style>
<link rel="stylesheet" href="stampa.css" media="print" type="text/css" />
</head>
<body>
		 <div id="contenitore">
		 			<div id="primo">

primo div</p></div>
		 			<div id="secondo">

secondo div</p></div>
		 </div>
<div id="terzo">

terzo div</p></div>
</body>
</html>

CSS (stile.css)

codice:

#contenitore {
background-color: Fuchsia;
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
}

#primo {
 width: 120px;
 background-color: Green;
 float: left;
}

#secondo {
background-color: Lime;
display: inline;
	margin: 0;
	padding: 0;
}

#terzo {
background-color: Red;
display: block;
width: 100%;
	
}

vedi un po' se ti va bene...

<edit>Mich non ti ho proprio visto...

</edit>

**unreg** · 01-04-2005, 09:51

grazie mille

Discussione: posizionare tre div dentro un altro [era: Come faccio questo ?]

Strumenti discussione

Ricerca discussione

Visualizza

Come faccio questo ?

Re: Come faccio questo ?

Permessi di invio