Problema allineamento css

**flash20** · 27-03-2007, 16:23

Ho un problema, sto creando un layout con i css, ho creato 3 box con allineamento assoluto. A questo link trovate un immagine di esempio: http://www.bruciabaracche.com/immagini/css.jpg in pratica il div C deve essere posizionato sempre dopo il div B qualsiasi sia la sua dimensione (la sua altezza cambia a seconda delle dimensioni).

Qui vi riporto il codice css che ho utilizzato:
.A {
position:absolute;
left:50%;
width:861px;
height:269px;
margin-left:-430px;
}
.B{
position:absolute;
left:50%;
width:861px;
height:269px;
margin-left:-430px;
top: 269px;
}
.C {
position:absolute;
left:50%;
width:861px;
height:44px;
margin-left:-430px;
bottom: 0%;
}

**flash20** · 28-03-2007, 11:07

Nessuno ha una soluzione da suggerirmi???

**flash20** · 29-03-2007, 19:06

Mi serve in pratica dividere in tre parti il layout di cui la parte centrale e i div nidivicati al suo interno devono adattarsi al suo contenuto

**Mich_** · 30-03-2007, 09:09

Non vedo il problema.
Semplicemente elimina il position dal tuo codice (fai conto che non esista), e togli anche i margini e il left.
Lascia solo width.
L'height puoi anche lasciarlo, anche se probabilmente riesci a ottenere piu` facilmente il tutto se non lo metti.

Poi potresti dover correggere qualcosa se all'interno ci sono dei float, ma questo esula dalle tue richieste.

Tra i "link utili" del forum ci sono una serie di link a layout: sicuro ce n'e` uno che assomiglia a quello che vuoi fare.

**flash20** · 02-04-2007, 12:13

Però come faccio a manterenere il tutto al centro? e se la parte centrale volessi dividerla in due colonne?

Grazie

**Mich_** · 02-04-2007, 12:27

Ci son numerosi esempi di layout flessibili/liquidi.
Puoi partire a cercarli tra i "link utili".

Una volta trovato uno che assomiglia a cio` che vuoi, prova a fare le modifiche necessarie.

**flash20** · 02-04-2007, 16:03

Avete mica un link ad un layout come serve a me che funzioni? ne ho cercati e provati molti, ma danno sempre problemi.

a me interessa avere un header, una colonna a sx e una a dx e un footer il tutto al centro e che si dimensioni a seconda della contenuto delle colonne centrali.

Grazie

**Mich_** · 02-04-2007, 16:50

ma danno problemi

Dovresti specificare quali problemi.

Comunque la tua richiesta si puo` spezzare in:
- avere un sito posizionato al centro
- avere il layout richiesto

Il primo punto lo realizzi con:

codice:

<body>
  <div id="tutto">
    ....
  </div>
</body>

con CSS:

codice:

html, body {
  width: 100%;
}
body {
  text-align: center; /* per IE(quirks) */
}
#tutto {
  text-align: left;    /* riporta il testo a sinistra */
  margin: 0 auto;
}

Per il secondo punto, devi semplicemente usare un layout simile, da inserire dentro il blocco #tutto

Discussione: Problema allineamento css

Strumenti discussione

Ricerca discussione

Visualizza

Problema allineamento css

Permessi di invio