tre colonne di web design con variabile lati

StackOverflow https://stackoverflow.com/questions/73086

  •  09-06-2019
  •  | 
  •  

Domanda

Ho cercato di trovare un modo per creare una colonna 3 web design, dove la colonna centrale ha una larghezza costante ed è sempre stata centrata.Le colonne di destra e di sinistra, sono variabili.Questo è banale in tabelle, ma non è corretto dal punto di vista semantico.Non sono stato in grado di ottenere questo lavoro correttamente in tutti i browser attuali.Eventuali consigli su questo?

È stato utile?

Soluzione

Utilizzare questa tecnica, e semplicemente specificare una larghezza fissa per il centro della colonna.

Altri suggerimenti

Check this out: http://www.glish.com/css/2.asp

E sostituire la larghezza:xx% per #maincenter da un valore fisso.Sembra funzionare quando cambio con Firebug, pena un colpo?

#maincenter {
    width: 200px;
    float:left;
    background:#fff;
    padding-bottom:10px;
    }

Penso che avete bisogno di iniziare con iniziale (fisso) larghezze per entrambe le colonne, barra laterale e poi, quando la pagina viene caricata, utilizzare javascript per ottenere la larghezza della finestra e calcolare la nuova larghezza delle barre laterali.

larghezza della barra laterale = (larghezza della finestra - centro di larghezza di colonna) / 2

Si potrebbe quindi riapplicare il javascript se la finestra viene ridimensionata.

Questo articolo di A List Apart è una soluzione risultante in un 3-layout di colonna che :

  • fluida center con fisso larghezza barre laterali,

  • consentire la colonna centrale ad apparire i primi in origine,

  • consentire a qualsiasi colonna per essere il più alto,

  • richiedono solo un singolo extra div di markup, e

  • richiedono molto semplice CSS, con un minimo di patch.

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top