2010-12-05 32 views
1

J'espère que ce n'est pas une redistribution! J'ai regardé partout et je suis désolé si c'est le cas.Prévenir le contenu de positionné: fixe; div de regroupement lorsque la fenêtre est redimensionnée

J'ai un en-tête div qui est la position: fixe et il a quelques liens d'image et un div de connexion. Puisque la position: fixed est relative à la fenêtre, à chaque fois que je redimensionne les fenêtres pour tester la liquidité, le contenu de la div en entête se bloque et commence à dérouler la page.

Y a-t-il un moyen d'afficher une barre de défilement horizontale et de supprimer l'espace? J'ai min-largeur sur le corps et la div en-tête mais pas de chance. Je ne suis pas en train de coder pour IE pour le moment et je n'utilise que les derniers Chrome et Firefox pour les tester maintenant.

Nous vous remercions de votre aide!

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> 

Répondre

1

j'ai trouvé cette solution, il peut vous aider à


Régler un minimum de largeur à votre conteneur:

#container { min-width: 1000px;} 

vous pouvez vérifier ce lien

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

il a été une réponse à « Deux divs flottant à gauche et à droite: Comment puis-je les garder au même niveau quand une page redimensionne? "follow this link

+0

J'ai essayé CSS en ligne pour résoudre ce problème, mais je ne comprends pas vraiment comment cela fait à l'avenir une différence? – Siriss

+1

Merci beaucoup de l'aide! Cela a fonctionné parfaitement. Je souhaite qu'ils serait-il plus facile de garder les choses liquides sans avoir à définir une largeur de jeu. Merci encore – Siriss

+0

vous accueillir, plus de questions s'il vous plaît: D –