CSS-Layout: Ränder und Polsterung gegen absolute Positionierung?

Question

Ich möchte ein Feedback bekommen auf Polsterung und Margen für das Seitenlayout im Vergleich absolute Positionierung verwenden. Ich stelle fest, dass es und wird scenarious wo eine oder beide sind bevorzugt, und das wird von dem Szenario ab.

Aber was ich hinaus will ist Gesamt-Seitenlayout für pixelgenaue Designs, was die allgemeine Faustregel? Ich bin ein wenig mehr als ein Jahr in HTML und CSS, und ich bin von einem Grafik-Design-Hintergrund kommen, so dass die meisten meines Gedankengang liegt schwer zunächst ein Motiv aus einer Layout-Sicht auf Annäherung. Bisher in meinem Web-Design mir die Daumenregel verwendet habe, zu verwenden, passend betitelt divs mit Schwimmern, Polsterung und Margen, wenn eine Seite Auslegen, und wenn etwas absolute Positionierung erfordert (wie ein Element am Rande des Bildschirms geklebt werden oder ein div) verwenden, wenn notwendig.

Aber in letzter Zeit habe ich wirklich worden beginnen mein Ansatz zur Seitenlayout zu überdenken und mich gefragt, ob mit usign absolute Positionierung beginnen als Faustregel eine bessere Idee ist?

Kann jemand Punkt aus ein paar gute Artikel oder Ressourcen zu diesem Thema, und ich würde gerne jeden ein persönliches Feedback auch hören.

Answer 1

kann ich sehen, wo du herkommst, aber mit absoluter Positionierung für Ihr Layout extrem unflexibel ist. Ich glaube, Sie wäre am besten auf tragen, wie Sie sind, das CSS-Box-Modell. Das ist nicht zu sagen, die absolute Positionierung ist eine schlechte Sache, nur, dass es nicht flexibel genug Flüssigkeit Layouts zu handhaben, zu ändern Box-Größen etc.

Answer 2

Ich habe mehr und mehr über CSS-Layout und seine Tücke in den letzten 2 Jahren lernen, und ich bin so ziemlich mit der Schwimmer / margin-Technik, wie es scheint mir die besten Ergebnisse in verschiedenen Browsern zu geben.

Vielleicht war es genau so, wie ich es tat, aber ich habe einige Schmerzen mit Positionierung (absolut innerhalb relativ Container) erfahren, wenn sie versuchen, die gleichen Ergebnisse in allen Browsern zu erhalten. IE war in der Regel der Ausreißer und das war meistens mit IE6 / 7. Ich habe Bedenken mit gehen direkt zur absoluten Positionierung, aber vielleicht hier andere vielleicht eine bessere Erfahrung gehabt haben und können Sie in eine bessere Richtung.

Viel Glück und ich hoffe, dass Sie etwas finden, das Ihnen wohl fühlt!

Answer 3

Als Rowan erwähnt, absolute Position ist mit allen den verschiedenen Geräten und Bildschirmgrößen unflexibel.

Was sollten Sie tun, vor allem, wenn man von einem grafischen Hintergrund kommt, wird mit Hilfe eines Raster-Layout in der Gestaltung Ihrer Website Prozess, dass entspricht einen Gitterrahmen für Web-Seiten, zum Beispiel Bootstrap.

Dann werden Sie erhalten

A: Symmetrische und ansprechendes Layout

B: Jemand, der viel besser weiß dies als jeder von uns, der all Problemen behandelt hat, dass der Schwimmer und die Margen verursachen könnten und dass der Rahmen in der Zukunft aktualisieren für die Windungen Web-Entwicklung zu kompensieren nimmt.