2010-02-09 4 views
5

Qual è il più grande svantaggio nell'usare il posizionamento CSS (From Dreamweaver AP Div) per tutto invece Float per sito web centrato a larghezza fissa, centrato?Qual è il vantaggio maggiore per utilizzare la posizione: assoluta e superiore/sinistra su Virgola mobile e margine + riempimento, Se il sito è a larghezza fissa (970 px), centrato?

se non mi interessa per

  • Gli utenti mobili
  • utenti piccolo schermo (più piccolo di 1024 px dimensioni dello schermo)

Ma mi preoccupo per

  • Schermo utente lettore
  • Tutti gli utenti del browser (compreso IE6)
+0

Intendi posizionare usando 'posizione: assoluta' e' alto/a sinistra'? –

+0

@ K Prime: ovunque utilizziamo Float per rendere il layout per posizionare qualsiasi elemento tramite float e margine-padding ecc. –

+0

@K Prime - sì utilizzando la posizione: assoluto –

risposta

3

Se non si cura di risoluzione di piccole dimensioni, è solo una questione di flessibilità: quando si utilizza posizionamento assoluto, si interrompe il flusso. Quindi, tutto deve essere esattamente dimensionato.

Per molti elementi o situazioni (creare un titolo immagine perfetto ...), è la scelta migliore (e talvolta unica). La maggior parte del tempo, "relativo" è migliore perché ha mantenuto il flusso (l'elemento rimane nel flusso) ma è possibile modificare il posizionamento in base al genitore posizionato (non dimenticare di posizionare il genitore, anche se non si fornisce una posizione esplicita; per esempio basta aggiungere la posizione: relativa, senza top/sinistra ...). E, buon punto, "position: relative" dare haslayout a elemento in IE!

Ad esempio, se si desidera inserire un piè di pagina dopo un contenuto, l'assoluta è una cattiva idea perché probabilmente non si conosce l'altezza del contenuto. Ma se vuoi mettere un menu nella parte superiore dello schermo ma non vuoi disturbare chi usa il lettore di schermo (il menu grande dovrebbe essere alla fine, su un documento linearizzato), il posizionamento assoluto è perfetto.

Float non è la soluzione perfetta, come puoi leggere su molti blog: è un postion molto particolare ma è utile perché 'inline-block' non funziona sempre. E, naturalmente, è anche utile quando vuoi veramente avere elementi da fluttuare.

Non è così facile da spiegare quando non si parla bene l'inglese :)

2

Se un elemento contiene testo, non è possibile prevedere la sua altezza (perché non si sa quale tipo di carattere e che cosa dimensione che sarà effettivamente reso a).

Ciò rende impossibile posizionare la parte superiore di un elemento nella parte inferiore di un altro elemento. Ad esempio: dimenticare di avere un layout tradizionale "Due colonne con intestazione e piè di pagina".

+0

Ho posto questa domanda dopo aver letto questo articolo http: //www.adobepress .com/articles/article.asp? p = 770996 –

+2

Che grande articolo. In poche parole: "Il posizionamento assoluto fa schifo, ma con esso puoi fingere che Dreamweaver sia Photoshop! Ti piace Photoscript, quindi ecco come distruggere l'esperienza dei tuoi utenti con il posizionamento assoluto." – Quentin

3

Non è/o è entrambi ... Il Float è buono per alcune situazioni e posizioni: assoluto per gli altri, quindi potrebbe essere necessario utilizzare entrambi per la progettazione. Se si sta seriamente usando CSS, suggerisco di acquistare e leggere questo libro http://www.transcendingcss.com/