Newsgroup: it.comp.www.html
Titolo: Layout fisso o liquido?

Sto documentandomi sul layout tramite css, che, al momento sembra essere la
scelta migliore piuttosto che usare tabelle annidate, orbene, quale
dimensionamento conviene adottare tra quello fisso e quello liquido?
Nel caso del fisso a che larghezza conviene dimensionare la pagina in base
agli attuali standard degli schermi?
Come si fa a centrare la pagina coi css (con la tabella sarebbe
semplicissimo ma non ho trovato come fare col metodo css)?
grazie
--
Newsgroup robomoderato - gli articoli vengono approvati automaticamente

 semplicissimo ma non ho trovato come fare col metodo css)?
Ancor più semplice, diciamo che wrapper sia l'elemento che "racchiude" 
tutto il sito:
#wrapper
{
margin: 0 auto;
}
-- 
Raffaele Masi
www.webmasterfirenze.it


 }
Eh, magari. O meglio: quando si sara` estinto IE6.
Nel frattempo devi fare cosi`:
<body>
 <div id="wrapper">
   tutto il sito
 </div>
</body>
Nei css:
body {
 text-align: center;
}
#wrapper {
 text-align: left;
 margin: 0 auto;
 width: 990px;
}
Bye.


16/05/08 16:38Alessandro Pellizzari[IND][ART]

Un attimo, diciamo che decida per il layout fisso, questo credo sia, al
momento, ininfluente, userei DW per l'editing (sono molto niubbo ma mi sto
documentando), vorrei realizzare un layout con header e footer, colonna
laterale sx e contenuti principali nello spazio rimanente, diciamola colonna
destra, DW propone un layout già pronto per le mie necessità ma poi avrei
bisogno di inserire un menu a cascata che non so come inserire nel layout
già preconfezionato.
Penso di fare il file css separato in modo da poi linkarlo alle altre pagine
del sito, col codice che mi avete postato quindi risolvo il problema della
centratura, ora sperimento un po'...
Grazie, spero di poter contare sul vostro prezioso aiuto durante la
progettazione
g


 semplicissimo ma non ho trovato come fare col metodo css)?
per centrare un box, sia in orizzontale che in verticale, ho trovato 
utile questa guida 
http://tinyurl.com/63b33e
per quanto riguarda la dimensione, per la larghezza in layout fissi, 
utilizzo di solito quella che già ti è stata consigliata, di 700-750px, 
almeno per ora
ciao ciao
-- 
_____________________________________________________________
_-*Avatar*-_
Powered By
AMD Athlon 64 X2 6000+ @ 3225Mhz on Asus M2N-SLI DELUXE
A-DATA Vitesta Extreme @ 920Mhz 5-5-5-12
Asus EN8600GTS @ Core 770Mhz - Shader 1700Mhz - Mem 2030Mhz
2x250Gb RAID 1 + 1x250Gb + 1x320Gb NAS
_____________________________________________________________


 ciao ciao
Ok,
Ho scoperto come fare il file html ed il css separati in modo da avere lo
stesso layout per tutte le pagine del sito.
Il problema è, per ora, che il layout "prefabbricato" da DW non mi consente,
o meglio, sono io che non so come inserirci un altro ap_div per inserirvici
il menu a cascata.
Il layout che mi piacerebbe ricreare è quello di 
www.homebaseabroad.com
 come
mi consigliate di procedere?
Grazie a tutti per la pazienza
g


 utile questa guida 
http://tinyurl.com/63b33e
Ma quando fai il resize di una finestra i contenuti si spostano?
Così ad occhio non dovrebbe, leggendo il codice dovrebbe rimanere dove
era piazzato al momento che hai caricato la pagina.
Non ho provato quel tutorial, me lo puoi dire?
Max
-- 
http://www.maxori.it
L'Arte è la capacità di fare cose di nessun valore
e di riuscire a venderle
F. Zappa


 Max
quando faccio il resize, orizzontalmente resta al centro e anche 
verticalmente resta al centro, per quanto possibile...
rimpicciolendo molto, in altezza, qualche contenuto va fuori dall'area 
visibile, ma per il resto mi sembra una soluzione alquanto valida.
prova e fai sapere
ciao
-- 
_____________________________________________________________
_-*Avatar*-_
Powered By
AMD Athlon 64 X2 6000+ @ 3225Mhz on Asus M2N-SLI DELUXE
A-DATA Vitesta Extreme @ 920Mhz 5-5-5-12
Asus EN8600GTS @ Core 770Mhz - Shader 1700Mhz - Mem 2030Mhz
2x250Gb RAID 1 + 1x250Gb + 1x320Gb NAS
_____________________________________________________________


Giovanni ha scritto:

come sospettavo...prova a disabilitare javascript in quella pagina e ti 
si aprirà un mondo nuovo ;)
-- 
_____________________________________________________________
_-*Avatar*-_
Powered By
AMD Athlon 64 X2 6000+ @ 3225Mhz on Asus M2N-SLI DELUXE
A-DATA Vitesta Extreme @ 920Mhz 5-5-5-12
Asus EN8600GTS @ Core 770Mhz - Shader 1700Mhz - Mem 2030Mhz
2x250Gb RAID 1 + 1x250Gb + 1x320Gb NAS
_____________________________________________________________


 si aprirà un mondo nuovo ;)
Hmmm, brutta sorpresa direi, ho disabilitato javascript in firefox (su mac
osX) ed è tutto scomparso, che significa, che dietro tanta apparente
semplicità c'è tutta la complicazione di javascript?
Una cosa del genere non è realizzabile con i css?
Io non è che voglio proprio la stessa cosa ma mi piace lo schema e la
semplicità, inoltre così facendo dovrei ridurre i contenuti (che secondo il
punto di vista del mio socio invece non sono mai abbastanza) e semplificare
anche gli aggiornamenti al sito.
Suggerimenti sempre molto graditi, grazie
g


 Una cosa del genere non è realizzabile con i css?
certo che è realizzabile, dal link che ti ho postato prima hai un modo 
per ottenere un box centrato sia orizzontalmente che verticalmente
-- 
_____________________________________________________________
_-*Avatar*-_
Powered By
AMD Athlon 64 X2 6000+ @ 3225Mhz on Asus M2N-SLI DELUXE
A-DATA Vitesta Extreme @ 920Mhz 5-5-5-12
Asus EN8600GTS @ Core 770Mhz - Shader 1700Mhz - Mem 2030Mhz
2x250Gb RAID 1 + 1x250Gb + 1x320Gb NAS
_____________________________________________________________


 
Ma no... perché? IE6 in "standard mode" supporta auto, basta
assegnare una dimensione al box, non occorre quel trucco
dell'allineamento.
O mi sono perso qualcosa?
-- 
site 
http://passiomatic.com/
pics 
http://redpunk.com/
lnks 
http://del.icio.us/deelan


 per ottenere un box centrato sia orizzontalmente che verticalmente
Mi dici da dove potrei cominciare per strutturare un layout come quello?
cioè, che faccio, posso usare un'immagine di ricalco per tracciare le linee
guida oppure fare con le guide e poi creare header, footer, main content,
etc con gli ap_div oppure come mi consigli di cominciare?
Grazie
g


 
un box che contenga il tutto, da centrare.
poi il resto come più ti aggrada...quindi header, content, footer, 
menu...ecc ecc
però, se sei a corto di css ti consiglio, come primo passo, di 
studiartelo bene, compresi i vari modi di valutare il box model di ie e 
ff poi da lì parti e fai come ti ho consigliato, magari anche googlando 
un po' o partendo dall'articolo che ti avevo consigliato in prima 
battuta, per il resto, la mia mail è valida, se vuoi puoi contattarmi.
ciao ciao
-- 
_____________________________________________________________
_-*Avatar*-_
Powered By
AMD Athlon 64 X2 6000+ @ 3225Mhz on Asus M2N-SLI DELUXE
A-DATA Vitesta Extreme @ 920Mhz 5-5-5-12
Asus EN8600GTS @ Core 770Mhz - Shader 1700Mhz - Mem 2030Mhz
2x250Gb RAID 1 + 1x250Gb + 1x320Gb NAS
_____________________________________________________________


 ciao ciao
Sono un po' confuso, ho letto quell'articoletto, ho provato a creare i due
files come da istruzioni, ok...
Io sto provando con gli ap_div, creo diversi box per header, footer etc etc,
come faccio però ad inserirli nel box centrato di cui all'articolo?
cioè, quel box ha delle dimensioni fisse ma anche cambiandole nel css non
succede niente.
Poi correggimi se sbaglio, conviene creare un file css separato da linkare
alle varie pagine in modo da avere lo stesso layout senza dover ripeter la
fatica, giusto?
Scusami per la petulanza
g


 Scusami per la petulanza
figurati ;)
-- 
_____________________________________________________________
_-*Avatar*-_
Powered By
AMD Athlon 64 X2 6000+ @ 3225MHz on Asus M2N-SLI DELUXE
A-DATA Vitesta Extreme @ 920MHz 5-5-5-12
Asus EN8600GTS @ Core 770MHz - Shader 1700MHz - Mem 2030MHz
2x250GB RAID 1 + 1x250GB + 1x320GB NAS
_____________________________________________________________


 una dimensione al box, non occorre quel trucco dell'allineamento.
Non ho controllato. Spero che abbia ragione tu! :)
Forse e` una cosa che mi e` rimasta da IE5.5 e l'ho assorbita cosi` com'e`.
Bye.
