Ausrichtung des Inhalts in Navigationsseite

Ich habe eine plunkr erstellt here Ausrichtung des Inhalts in Navigationsseite

ich eine Hauptseite mit der linken Navigation haben (index.html). Wenn ich auf Header Details klicke, sollte die AddHeader.html Seite geöffnet werden. Wo ich alle Dateien hinzugefügt habe. Ich denke, ich verpasse etwas, aufgrund dessen die AddHeader.html Seite nicht perfekt in die Hauptseite passt. Wenn ich das im Internet Explorer starte, wird die AddHeader.html Seite immer unten angezeigt. Bitte helfen Sie.

Ich füge nur einen Ausschnitt aus index.html wo ich ng-view hinzugefügt haben:

<div class="pull-right" style="margin-right:20px"> 
    <div ng-view></div> 
</div>

Quelle

2017-01-20 beginner

Navigationsleisten sind fest, Sie müssen Rand für den Inhalt festlegen. Ich habe Ihren Code here

Blick auf index.html Linie 58 aktualisiert, wie Sie den Code oben, ich pull-right und hat eine Klasse page-content auf die div und setzen Spielraum für sie in CSS entfernt haben:

.page-content { 
    margin-top: 50px; 
    margin-right: 20px; 
    margin-left: 140px; 
}

Quelle

2017-01-20 03:48:13 Nhan

ur Lösung funktioniert perfekt in plunkr aber wenn ich die selbe Lösung in meinem Browser starte. AddHeader.html Seite wird immer noch am unteren Rand angezeigt – beginner

Ich musste die Datei-Importe neu arrangieren ... Es funktioniert jetzt .. Vielen Dank :) – beginner

Sie haben eine navbar auf die linke Seite mit position: fixed. Sie müssen entweder die navbar und Behälter nach links schweben (das würde wahrscheinlich nicht Verhalten gewünscht werden) oder Konto für diese mit einer Marge auf dem Container-Offset:

.container { 
    margin-left: 60px; /* Equal to the width of your navbar */ 
}

hoffe, das hilft!

Quelle

2017-01-20 03:38:54

Ausrichtung des Inhalts in Navigationsseite

Antwort

Verwandte Themen