Gewusst wie: verhindern, dass die DIVs verschieben auf der Seite

Wenn Sie eine Website zu erstellen, ist es wichtig, abheben und setzen Sie sich von der Konkurrenz mit ein gutes Design, leicht, Informationen und Navigation und Konsistenz zu finden. Halten Navigationsleisten, fügt Bilder, Text und andere Elemente der Seite in die vorgesehene Position die Konsistenz benötigen Sie in Browsern, geben jedem Betrachter die gleiche Erfahrung. HTML div-Tags ermöglichen eine einfache und elegante Lösung für die Aufrechterhaltung der Position der Objekte auf der Seite.

Anweisungen

1 Fügen Sie einen Style-Tag in Ihrer Division. Formatvorlagen können Sie die Größe und Position des Fensters DIV zu steuern.

2 Legen Sie die Position des DIV zu "absolut." Dies zwingt die Division in einer festgelegten Position zu bleiben.

3 Fügen Sie einen Abstand in Pixel für x und y-Koordinaten von oben und Links auf der Seite. Wenn Sie die DIV 50 Pixel von Links und 100 Pixel vom oberen Rand der Seite zu halten möchten, z. B. hinzufügen "oben: 100px; Links: 50px; "in den Tag. Ein Beispiel finden Sie unter Schritt 4.

4 < Div Style = "Position: absolute; oben: 100px; Links: 50 px; " > DIV Inhalt hier < / Div >