CSS-Positionierung, HTML-Designer, Dialogfeld "Optionen"
Aktualisiert: November 2007
Die auf der Seite CSS-Positionierung festgelegten Optionen bestimmen, wie in der Entwurfsansicht Elemente positioniert werden, wenn sie unter Verwendung einer der folgenden Methoden erstellt werden:
Ziehen des Elements aus der Toolbox.
Ziehen des Elements aus einer anderen Quelle, z. B. eine andere Seite.
Einfügen eines vorher in die Zwischenablage kopierten Elements.
So greifen Sie auf dieses Dialogfeld zu
Klicken Sie in Microsoft Visual Web Developer auf Extras, und klicken Sie dann auf Optionen.
Das Dialogfeld Optionen wird geöffnet.
Erweitern Sie im linken Bereich den Knoten HTML-Designer, und klicken Sie auf CSS-Positionierung.
Wenn Sie die Umgebungseinstellungen für die Webentwicklung konfiguriert haben, sind die Elemente dieses Knotens nur verfügbar, wenn Sie das Kontrollkästchen Alle Einstellungen anzeigen aktiviert haben. Weitere Informationen zu Umgebungseinstellungen finden Sie unter Gewusst wie: Ändern der Auswahleinstellungen.
.gif "Hinweis") Hinweis: |
|---|
Zusätzliche HTML-Optionen finden Sie unter dem Knoten Text-Editor, HTML, der angezeigt wird, wenn das Kontrollkästchen Alle Einstellungen anzeigen aktiviert ist. |
Weitere Informationen zur Formatierung von HTML finden Sie unter Formatieren von Elementen im HTML-Editor von Visual Web Developer.
Aufgaben
Gewusst wie: Positionierung von Elementen in der Entwurfsansicht
Exemplarische Vorgehensweise: Erweiterte HTML-Bearbeitung in Visual Web Developer
UI-Elemente
Positionierungsoptionen
Positionierung von Steuerelementen, die mit der Toolbox, durch Einfügen oder Drag & Drop hinzugefügt werden, wie folgt ändern
Gibt die standardmäßige CSS-Positionierungsoption (Cascading Stylesheets) für Elemente an, die Sie in der Entwurfsansicht auf die Seite ziehen oder in die Seite einfügen. Positionierungsinformationen werden mithilfe der position-Eigenschaft des style-Attributs eines Elements angegeben.Diese Einstellung hat in der Quellansicht keine Auswirkungen.
Wenn Sie das Kontrollkästchen deaktivieren, fügt der Editor Elemente genau so ein, wie sie in der Toolbox oder einer anderen Quelle definiert sind oder in die Zwischenablage kopiert wurden, ohne Änderungen an den Positionierungsattributen des jeweiligen Elements vorzunehmen. Wenn Sie das Kontrollkästchen aktivieren, legt der Editor die Positionierungsattribute des Elements beim Ziehen oder Einfügen entsprechend der ausgewählten Option fest.
Wert
Beschreibung
Absolut positioniert
Der Editor legt die position-Eigenschaft auf absolute fest und legt außerdem die Stileigenschaften z-index, left und top fest. Die Position 0,0 wird basierend auf dem übergeordneten Element des aktuellen Elements definiert. Das übergeordnete Element ist das erste Containerelement, das über Positionierungsinformationen verfügt. Wenn das aktuelle Element nicht über ein Containerelement mit Positionierungsinformationen verfügt, werden die Positionierungsinformationen basierend auf dem body-Element berechnet.
Relativ positioniert
Der Editor legt die position -Eigenschaft auf relative fest und legt außerdem die Stileigenschaften z-index, left und top fest. Diese Option unterscheidet sich dadurch von Absolut positioniert, dass die Position 0,0 unter Beachtung der Position des Elements im Seitenfluss definiert wird. Ein Element mit relativer Positionierung, bei dem top und left auf 0 festgelegt sind, erscheint normal im Fluss.
Statisch positioniert
Der Editor legt die position-Eigenschaft auf static fest. Dies bewirkt, dass das Steuerelement unter Verwendung des Flusslayouts dargestellt wird. Das Festlegen einer Position auf static ist nützlich, wenn Sie die Formateinstellungen, die das Element möglicherweise von einem Cascading Stylesheet geerbt hat, explizit überschreiben möchten.
Kein Positionierungsattribut
Der Editor entfernt alle Positionierungsinformationen. Dies bewirkt, dass das Steuerelement standardmäßig unter Verwendung des Flusslayouts dargestellt wird. Die Positionierung des Steuerelements wird möglicherweise durch eine Formateinstellung beeinflusst, die von einem Cascading Stylesheet geerbt wurde.
Ausführliche Informationen über die Auswirkungen des position-Attributs erhalten Sie, wenn Sie in der MSDN Library nach den Ausdrücken "position attribute" oder "position property" suchen.
Pixelbasierte Positionen und Größen auf folgende Einstellung festlegen
Beschränkt das Ziehen auf ein unsichtbares Raster, dessen Abstand Sie festlegen. Die Einstellung gilt nur für Elemente, deren Positionierungsinformationen in Pixel festgelegt wurden.Hinweis:Sie können Elemente ziehen, die nicht über Positionierungsinformationen verfügen, oder deren position-Eigenschaft auf static festgelegt wurde. Sie können diese Elemente jedoch nur innerhalb des Dokumentflusses ziehen – nicht zu beliebigen Stellen der Seite.
Horizontaler Abstand
Die Anzahl der Pixel zwischen zwei horizontalen Punkten des unsichtbaren Rasters.Vertikaler Abstand
Die Anzahl der Pixel zwischen zwei vertikalen Punkten des unsichtbaren Rasters.