3 colonne centrale

**jackieweb** · 06-03-2009, 18:24

Come si fa scrivendo prima il div centrale a farli comparire giusti prima quello sinistra poi centrale e poi destra... serve tenere questo codice per i motori di ricerca...

<div id="centrale">lorem ipsum</div>
<div id="sinistra">lorem ipsum</div>
<div id="destra">lorem ipsum</div>

come devo impostare il css?

**jackieweb** · 07-03-2009, 14:47

allora non è possibile mettendo il div centrale prima nel codice... farlo comparire al centro?

che css devo scrivere?

**Mich_** · 09-03-2009, 10:45

Non credo che modificare l'ordine possa servire ai motori... Potrebbe servire per migliorare l'accessibilita`, ma si puo` fare anche mediante il link nascosto: "vai al contenuto".

Comunque quello che chiedi e` possibile in qualche caso. Ecco un esempio con i blocchi laterali a larghezza fissa:

codice:

#centrale {
  margin: 0 300px 0 200px;
}
#sinistra {
  width: 199px;
  float: left;
}
#destra {
  width: 299px;
  float: right;
}

**jackieweb** · 09-03-2009, 13:11

Non funziona...

la parte sinistra e destra non stanno allineate con il centro...

**Mich_** · 09-03-2009, 13:20

Un po' vaga come risposta ...

"Non funziona" non dice nulla
"Non stanno allineate" non specifica come le vorresti ne` come appaiono

Comunque posta il link, oppure il codice HTML+CSS e il DOCTYPE.
Devi anche dire in quali browser stai testando.

**jackieweb** · 09-03-2009, 14:09

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<link href="default.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="centrale">bla bla</div>
<div id="sx"></div>
<div id="dx"></div>
</body>
</html>

------------------------------------------------

#centrale {
width:50%;
margin: 0 300px 0 300px;
}
#sx {
width: 300px;
float: left;
}
#dx {
width: 300px;
float: right;
}

------------------------------------------------
Le colonne destra e sinistra scendono con il testo non sono allineate con il div centrale...
Come browser uso firefox

**Mich_** · 09-03-2009, 16:42

Il tuo layout presuppone che il body sia largo almeno 1200 px. In qualche schermo e` possibile, ma non credo sia la norma.

E quel width nel #centrale l'hai inventato tu. Toglilo

Ed eventualmetne prova a diminuire la larghezza delle colonne laterali.

**jackieweb** · 09-03-2009, 18:02

mi spiego meglio...

allora voglio creare un div centrale che sia il 50 % e a fianco 2 div (sx e dx) invece con larghezza fissa se non va bene 300, metterò 200.
L'unica cosa che nel codice voglio che il div centrale compaia prima dei div sx e dx..

**Mich_** · 09-03-2009, 18:44

La matematica non e` un'opinione !!
Non puoi inventarti i numeri a caso. E mescolare unita` di misura differenti e` sempre un azzardo.

Pero` puoi esprimere tutto in %:

codice:

html, body {
  width: 100%;       /* necessario per poter usare le % all'interno */
}
#centrale {
  margin: 0 25% 0 25%;
  width: 49.5%;          /* la somma deve essere INFERIORE al 100% per evitare problemi di arrotond. */
}
#sinistra {
  width: 25%;
  float: left;
}
#destra {
  width: 25%;
  float: right;
}

Discussione: 3 colonne centrale

Strumenti discussione

Ricerca discussione

Visualizza

3 colonne centrale

Permessi di invio