CSS Div Probleme mit Position

Ich habe eine CSS-basierte asp.net-Masterpage. Ich verwende ein Browse-Div direkt über einem Navigations-Div. Das browse div fließt hinter dem navigation div herunter. Ich habe etwas mit der Position herumgespielt und festgestellt, dass wenn ich die Navigationsposition ändere, es es behebt, aber alles in diesem div bewegt sich auf halber Seite der Seite. Ich habe etwas gegoogelt und kann nichts darüber finden, wie man ein Div zwingt, immer oben zu sein. Wenn Sie mehr Informationen benötigen, kann ich es zur Verfügung stellen.CSS Div Probleme mit Position

ich wählen Teile des CSS-Code unten eingefügt haben:

#header2 { 
height: 2.5em; 
border-bottom: 1px dashed #0055a5; 
color: #FFF; 
background-color: white; 
} 

#header2 .browse { 
color: #000000; 
background-color: transparent; 
float: left; 
margin-left: 1em; 
margin-top: .1em; 
font-weight:bold; 
font-style: normal; 
font-variant: normal; 
font-size: 70%; 
line-height: normal; 
font-family: Arial, Helvetica, Georgia, "Times New Roman", Times, serif; 
width: 144px; 
position: fixed;  
} 

#navigation 
{ 
background-color: white; 
width: 200px; 
height:100%; 
top: 105px; 
left: 0em; 
width: 13em;  
position: absolute; 
font-family: Arial, Helvetica, sans-serif; 
font-size:90%; 
}

Quelle

2009-04-27 Andrew Parsons

Dort Teil, der hinter der Navigation fällt, ist ein Javascript Menü Dropdown. –

Bitte fügen Sie für diese eine vereinfachte Version des Markups bei. Es gibt wichtige Informationen darüber, wer wo verschachtelt ist. Bitte geben Sie auch einen Link zu einer Beispielseite an. Danke –

Ich kann keine Links zu Beispielseiten bereitstellen. Diese Seiten sind nur für das Intranet gedacht. Danke für deine Sorge. –

von oben, sehen Sie die Oberseite des Darstellungs bedeuten, oder oben auf der Stapel (dh Z-Index?).

Wenn Sie oben im Ansichtsfenster meinen, versuchen Sie Position: behoben;

Bearbeiten, wieder lesen, ich denke, Sie meinen Z-Index. Stellen Sie die Position des Elements Sie oben halten wollen (sehen?) Auf eine relative, und legen Sie den Z-Index um so etwas wie 100, das heißt,

position:relative;z-index:100;

, die den Trick tun sollten.

Quelle

2009-04-27 19:03:04 miketaylr

Wenn Sie wollen, dass es an der Spitze der Seite fixiert bleiben, könnten Sie versuchen top: 0; auf der .browse Klasse. Sehen Sie auch, ob es das tatsächliche <div> Tag ist, dass es vertikal zentriert positioniert ist, oder wenn es nur sein Inhalt ist.

Ich wette, Sie werden etwas Zeit sparen, wenn Sie experimentieren firebug verwenden - gehen, um es bekommen, wenn Sie es nicht haben bereits =)

Quelle

2009-04-27 18:33:38

CSS Div Probleme mit Position

Antwort

Verwandte Themen