posizionamento assoluto

**senise** · 02-06-2007, 13:52

Non riesco a creare due colonne una destra ed una sinistra con i CSS.
Non ho molta dimestichezza con i CSS ma sono due giorni che non riesco a capire dove sbaglio.
Qualcuno può darmi una mano?
Ecco il codice:

HTML:
<body>
<div id="screen">
<div id="colonna_sinistra">
ciao ciao ciao ciao ciao ciao ciao colonna sinistra
</div>

<div id"colonna_destra">
ciao ciao ciao ciao ciao ciao ciao colonna destra
</div>
</div>
</body>

CSS:
div#screen {width:100% height:100%;}

div#colonna_sinistra {
position:absolute;
width:150px;
height:100%;
top:0px;
left:50px;
background-image:url(immagini/blue.png);
}

div#colonna_destra {
position:absolute;
width:150px;
height:100%px;
top:0px;
right:50px;
background-image:url(immagini/blue.png);
}

Grazie

**fcaldera** · 02-06-2007, 14:17

ma devi fare questa cosa usando necessariamente il posizionamento assoluto?

**senise** · 02-06-2007, 14:30

Originariamente inviato da fcaldera
ma devi fare questa cosa usando necessariamente il posizionamento assoluto?

__________________________________________________ _______________________________

No,mi sembrava il modo più semplice, ma non sono obbligato.
Grazie

**fcaldera** · 02-06-2007, 14:41

<body>
<div id="screen">
<div id="colonna_sinistra">
ciao ciao ciao ciao ciao ciao ciao colonna sinistra
</div>

<div id"colonna_destra">
ciao ciao ciao ciao ciao ciao ciao colonna destra
</div>
</div>
</body>

Css

codice:

#screen {
  width    : 400px;
  height   : auto;
  overflow: hidden;
}

#screen div {
  float     : left;
  display  : inline;
  width    : 200px;
}

**senise** · 02-06-2007, 14:54

Ok,grazie mille.
Ma non continuo a capire come mai non funziona con il posizionamento assoluto.
Potresti dirmi dov'è l'errore?
Grazie.
Saluti

**fcaldera** · 02-06-2007, 15:05

- id"colonna_destra"
(manca l'uguale per cui il css potrebbe anche essere ignorato)

- height:100%px;
percentuale o pixel? se è percentuale non funziona (vedi punto successivo)

- screen è impostato al 100% in altezza e larghezza rispetto ad un contenitore (il body) che ha altezza e larghezza indefinita. per cui quell'istruzione non funziona.

Di conseguenza anche right: 50 sul blocco di destra non può funzionare (a occhio se correggi il primo punto e mantieni il tuo codice ti dovrebbero venire due blocchi situati ai lati del browser alti quano basta per contenere il testo, ma non ho provato)

Ciao

**senise** · 02-06-2007, 15:43

Originariamente inviato da fcaldera
- id"colonna_destra"
(manca l'uguale per cui il css potrebbe anche essere ignorato)

- height:100%px;
percentuale o pixel? se è percentuale non funziona (vedi punto successivo)

- screen è impostato al 100% in altezza e larghezza rispetto ad un contenitore (il body) che ha altezza e larghezza indefinita. per cui quell'istruzione non funziona.

Di conseguenza anche right: 50 sul blocco di destra non può funzionare (a occhio se correggi il primo punto e mantieni il tuo codice ti dovrebbero venire due blocchi situati ai lati del browser alti quano basta per contenere il testo, ma non ho provato)

Ciao

__________________________________________________ ______________________________

Grazie mille, ho risolto.
erano due giorni che provavo.
Grazie ancora.
Saluti

Discussione: posizionamento assoluto

Strumenti discussione

Ricerca discussione

Visualizza

posizionamento assoluto

Permessi di invio