la layout css: margini e padding rispetto posizionamento assoluto?

Question

Mi piacerebbe ottenere un feedback sull'utilizzo padding e margini per il layout di pagina rispetto al posizionamento assoluto. Mi rendo conto che ci sono e saranno scenarious in cui uno o entrambi sono preferiti e che dipenderà dallo scenario.

Ma quello che voglio dire è layout di pagina generale per pixel disegni perfetti che cosa è la regola generale? Sono un po 'più di un anno in HTML e CSS e sto provenienti da un disegno grafica di sfondo, quindi la maggior parte della mia linea di pensiero grava su avvicina un progetto dal punto di vista layout di prima. Finora nei miei progetti web ho usato la regola da utilizzare div opportunamente intitolato con carri, imbottiture e dei margini quando si posa una pagina, e se qualcosa richiede il posizionamento assoluto (come un elemento da incollare sul bordo dello schermo o un div) usarla quando necessario.

Ma ultimamente ho davvero stato cominciando a ripensare il mio approccio al layout di pagina e si chiede se a cominciare usign posizionamento assoluto come regola generale è un'idea migliore?

Qualcuno può segnalare alcuni buoni articoli o risorse su questo argomento, e mi piacerebbe sentire un feedback personale di tutti pure.

Answer 1

Posso vedere dove stai venendo, ma utilizzando il posizionamento assoluto per il vostro layout è estremamente flessibile. Penso che sarebbe meglio andare avanti come si è, utilizzando il box model. Questo non vuol dire che il posizionamento assoluto è una brutta cosa, solo che non è sufficientemente flessibile per gestire i layout fluido, cambiando box-dimensioni ecc.

Answer 2

Ho imparato di più e di più su layout CSS e le sue stranezze nel corso degli ultimi 2 anni e sto praticamente con la tecnica del galleggiante / margine come sembra darmi i migliori risultati attraverso diversi browser.

Forse era solo il modo in cui lo facevo, ma ho sperimentato un po 'di dolore con il posizionamento (assoluto all'interno relativi contenitori) quando si cerca di ottenere gli stessi risultati in tutti i browser. IE era di solito il valore anomalo e che è stato per lo più con IE6 / 7. Ho esitazioni con l'andare dritto al posizionamento assoluto, ma forse altri qui potrei avere avuto un'esperienza migliore e può puntare in una direzione migliore.

In bocca al lupo e spero che trovi qualcosa che si sente comodo a voi!

Answer 3

Come menzionato Rowan, posizione assoluta è vincolante in tutti i diversi dispositivi e con schermi.

Che cosa si dovrebbe fare, soprattutto se si proviene da un grafico di fondo, sta utilizzando un layout di griglia nel vostro processo di progettazione sito web che corrisponde a un quadro di griglia per le pagine web, ad esempio bootstrap.

Poi si otterrà

A: simmetrico ed accattivante veste

B: Qualcuno che sa molto meglio di qualsiasi di noi che ha gestito tutti i problemi che galleggiante e margini potrebbero causare e che aggiornerà il quadro in futuro per compensare per lo sviluppo turno web sta prendendo.