Affiancare tre <div>

**andrea.paiola** · 31-03-2006, 09:55

possiamo avere il link alla pagina attuale ultima versione?
grazie

**felixsuperstar** · 31-03-2006, 10:01

grazie cari ecco il link:
http://www.felixsuperstar.net/new/index.html

**andrea.paiola** · 31-03-2006, 10:12

intanto...
* {
margin: 0;
padding: 0;
}

è pericoloso e non lo metterei

modifica questo:
html, body {
width: 100%;
height: 100%;
margin:0;
padding:0
}

**Mich_** · 31-03-2006, 10:20

Altre modifiche:

elimina il <div id="content"> : e` un duplicato del contenuti, e non serve.

Poi il CSS (parte centrale) deve essere del tipo:

codice:

#contenuti {
  height: 350px;
  background: #fff;
  margin: 10px auto;
}
#graphic {
  float: left;
  width: 200px;
  height:300px;
  background: #000;
}
#web {
  float: left;
  width: 200px;
  height:300px;
  background: #333;
  margin-right: 15px;
  margin-left: 15px;
}
#photo {
  float: left;
  width: 200px;
  height:300px;
  background: #333;
}

Per la parte in fondo vale lo stesso discorso; provaci da solo.

**felixsuperstar** · 31-03-2006, 18:45

il problema persiste...incredibile...

**Guia** · 08-04-2006, 14:51

Leggo solo ora ...
Ho fatto un layout similare (con 3 div affiancati, sia pure di dimesnioni diverse
Ho creato un contenitore che contiene l'header, sotto l'header 2 contenitori, uno float a sinistra l'altro a destra: quello che flotta a destra a sua volta contiene 2 div flottai a sinistra e destra.
Il tutto funziona sia su IE che su FF.
Non so quanto "elegante" possa essere (e' da poco che sto trasformando tutto in CSS, e mdofico ogni pie' sospinto

) ma questo funziona. Spero ti possa servire
Ciao Guia

**gezman** · 16-10-2009, 12:44

questa la pagina:

codice:

<head>
<title>prove_Box</title>
<link rel=stylesheet  href="boxes.css" type="text/css">
</head>
<body>
<div id="box_sinistra"></div>
<div id="box_centro"></div>
<div id="box_destra"></div>
</body>

questo il foglio css

codice:

#box_sinistra{
width:20%;
height:25%;
float:left;
border:solid 1px;
}

#box_centro{
width:59%;
#width:60%;
height:25%;
border:solid 1px;
float:left;
}

#box_destra{
width:20%;
height:25%;
float:right;
border:solid 1px;
}

a me funziona, con # modifico il comportamento su I.E. (cfr. width box_centro)

Discussione: Affiancare tre <div>

Strumenti discussione

Ricerca discussione

Visualizza

Permessi di invio