Layout con due colonne sulla destra...

**boboli** · 11-02-2005, 20:11

Ciao a tutti, mi scuso per la richiesta cretina ma mi sto perdendo nelle 24000 prove fatte con posizionamenti assoluti e relativi, floats e margini...ed ora il cervello non ne vuole più sapere di ragionare...
dovrei ricreare una situazione tipo questa (fatto con Mambo):
http://boboli.altervista.org/

la parte a sinistra sarà a larghezza variabile mentre le due colonne laterali a larghezza fissa...il tutto in un contenitore con larghezza 96%

grazie per chi mi indirizza...
Roby

**bagu** · 11-02-2005, 23:40

allora hai un container al 96%, e due colonne fisse diciamo al 15% cadauna, e vuoi che il resto si allarghi o stringa.
Insomma vuoi un 66% variabile.
Anche io vorrei che quando torno a casa, dopo essere uscito con Claudia e Naomi, mia moglie mi baci soavemente e mi serva il mio piatto preferito (dopo tante curve)

ciao Paolo ;-)

**boboli** · 13-02-2005, 11:32

caro Paolo, prendo con un sorriso la tua risposta, anche se per indole non proprio apprezzata...
non voglio un 66% variabile e nemmeno dei 15% fissi...anzi, eliminando proprio i numeri che posso indurre in errore, vorrei soltanto che le due colonne(solitamente laterali) a larghezza fissa si posizionassero entrambe a destra ed avessero un colore diverso...
se ciò non risultasse possibile W LE TABELLE!!! alla faccia mia e di chi dice che con i CSS si fa tutto (evidente provocazione

)

ciao Roby

**floyd46** · 13-02-2005, 12:29

accetto la provocazione

e posso dirti che con i CSS puoi ottenere quello che hai chiesto e molto di più!!
Se realizzi il layout con le tabelle, ti verrà una pagina "pesante" a livello di codice e, magari, poco accessibile.
Ovviamente non puoi ottenere un contenitore del 96% con all'interno
delle colonne miste: in % e px;
ti conviene "spostare" tutto su una gabbia in pixel ed all'interno di questa altre 3, sempre con misura definita.
ciao

**boboli** · 13-02-2005, 16:33

caro Floyd, sono circa 3 mesi che uso i CSS e devo dire che i risultati sono stati fin'ora più che buoni...pagine leggere e veloci, codice pulito

finalmente ho incontrato un problema ed ora sono arrivato a questo:
http://boboli.altervista.org/prova.php
come puoi vedere mi resta il problema della lunghezza della colonna di mezzo...se vedi ho provato ad aggiungere un'immagine di background ma non ho riscontrato buoni risultati...
eccoti parte del CSS

codice:

#main_content {


	text-align: left;
        margin: 0 41% 0 0;
        border-right: solid 1px #9F9F5F;
        color: #cccccc;
        background: #8E8E38;
        }



#middle_box {
        position: absolute;
	width: 20%;
        margin-left: 59%;
        top: 149px;
        background: #777733 url(images/verde.jpg) repeat-y;
        }





#left_box {
        position: absolute;
	width: 19.9%; /* per evitare di andare oltre al 100% e quindi scrolling */
	overflow: hidden;
	margin-left: 79%;
        top: 149px;
        border-left: solid 1px #9F9F5F;
	 }

cosa ne pensi ??? spara pure a zero :rollo:

**bagu** · 13-02-2005, 16:37

<!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>
<title>Documento senza titolo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">

</style>
</head>

<body>
<div id="n6">
<div id="d1"></div>
<div id="d2"></div>

</div>
</body>
</html>

un container e 2 colonne con float right: serve niente altro ?
ps metti qualcosa nei div altrimenti non funzia

**boboli** · 13-02-2005, 21:47

Originariamente inviato da bagu
<!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>
<title>Documento senza titolo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">

</style>
</head>

<body>
<div id="n6">
<div id="d1"></div>
<div id="d2"></div>

</div>
</body>
</html>

un container e 2 colonne con float right: serve niente altro ?
ps metti qualcosa nei div altrimenti non funzia

mi spiace ma non serve nient'altro visto che non funziona...
anzi...scendi un po' da quel piedistallo va...

**bagu** · 13-02-2005, 22:22

Originariamente inviato da boboli

mi spiace ma non serve nient'altro visto che non funziona...
anzi...scendi un po' da quel piedistallo va...

che cosa ha che non va ? (testato in ie 6 e firefox)
la pagina on line è questa

Le colonne sono corte ?
il corpo non è centrato ?
il carattere non ti piace ?
i colori sono carnevaleschi ?
mancano le immagini, i bordi e i testi?

boh dimmi tu che poi ti mando un preventivo per un lavoro completo

**boboli** · 14-02-2005, 10:14

caro Paolo...cerco di ricominciare da capo anche se veramente non capisco il tuo atteggiamento, frequento vari forum da molti anni, ho sempre cercato di aiutare l'ignorante (ovvero chi ignora, in questo caso IL SOTTOSCRITTO); dalle tue risposte traspare più saccenza che competenza a causa del tuo atteggiamento ironico/distaccato, anche se ovviamente non posso che apprezzare l'aiuto che cerchi di darmi
se tu avessi guardato questa avresti visto che le due colonne laterali esistono già, il mio problema rimane quello di allungare quella centrale per tutta la lunghezza della pagina...ora sto leggendo qualche articolo sulla tecnica "faux columns" trovata su A List Apart...
la cosa che però mi fa sorridere è che ho vagato per due ore per il web, trovando un milione di pagine di templates implementati con tecniche varie...risultato ? due colonne laterali e una centrale dappertutto...un po' di fantasia in più non guasterebbe

**pierofix** · 14-02-2005, 10:20

E un'impaginazione tipo questa l'avevi già vista?

- www.stopdesign.com

La trovo piuttosto originale.

Discussione: Layout con due colonne sulla destra...

Strumenti discussione

Ricerca discussione

Visualizza

Layout con due colonne sulla destra...

Permessi di invio