tre colonne di web design con variabile lati
-
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?
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.