2010-12-05 6 views
1

Ich hoffe, das ist kein repost! Ich habe überall nachgesehen und es tut mir leid, wenn es so ist.Verhindern Inhalt von positioniert: fixiert; div von Bündelung, wenn das Fenster in der Größe geändert wird

Ich habe einen Header div, der Position ist: behoben und es hat einige Bild-Links und ein Login Div. Da die Position: fixed relativ zum Fenster ist, wird der Inhalt im Header div immer dann blockiert, wenn ich die Größe der Fenster ändere, um die Liquidität zu testen.

Gibt es trotzdem eine horizontale Bildlaufleiste zu erscheinen und das Leerzeichen zu entfernen? Ich habe eine minimale Breite auf der Karosserie und den Header div, aber kein Glück. Ich bin nicht für den IE im Moment und nur mit den neuesten Chrome und Firefox zum Testen jetzt.

Vielen Dank für jede Hilfe!

CSS:

body { 
min-width:1000px; 
padding-top:0; 
padding-bottom:0; 
margin:0; 
background-color:#022F00; 
} 

.container { 
padding: 0; 
margin-left:auto; 
margin-right:auto; 
height:100%; 
margin-top:160px; 
} 

.header { 
width:inherit; 
padding:5px; 
position:fixed; 
left:20px; 
right:20px; 
top:15px;; 
min-width:850px; 
} 

.login { 
float:right; 
padding:0; 
margin:0; 
border:0; 
position:relative; 
} 
img { 
margin:0; 
border:0; 
padding:0; 
} 

a { 
margin:0; 
border:0; 
padding:0; 
} 

HTML:

<body> 
<div class="container"> 
<div class="header" id="titlebar"><img src="title.jpg" /><a href="createaccount.php"><img src="newaccount.jpg"></a><a href="addarticle.php"><img src="newarticle.jpg"></a><a href='myaccount.php' rel=''><img src="myaccount.jpg"></a> 
    <div class="login" id="logindiv">content</div> 
</div> 
</div> 
</body> 

Antwort

1

ich diese Lösung gefunden, kann es Ihnen helfen,


Stellen Sie eine min-Breite auf Ihre Behälter:

#container { min-width: 1000px;} 

Sie können diesen Link überprüfen möchten

Two divs floating left and right: How can I keep them on the same level when a page resizes?

es wurde eine Antwort auf „Zwei divs floaten gelassen und rechts: Wie kann ich sie halten auf dem gleichen Niveau, wenn eine Seite passt die Größe? "follow this link

+0

Ich habe Inline-CSS versucht, dieses Problem zu beheben, aber ich verstehe nicht wirklich, wie das einen Unterschied macht? – Siriss

+1

Vielen Dank die Hilfe! Das hat perfekt funktioniert. Ich wünschte, in Zukunft würden sie es einfacher." halten Sie die Dinge flüssig, ohne eine festgelegte Breite definieren zu müssen Danke nochmals – Siriss

+0

Sie sind willkommen, weitere Fragen bitte: D –

Verwandte Themen