CSS: Aide sur la position relative/absolue

J'ai une barre de menu principale en haut de ma page. Maintenant, mon #LinkToMenu échoue au redimensionnement et tel, même s'il y a un position: relative. Mais cela fonctionne bien si je définis une largeur spécifique sur le style #mainmenu, ce que je ne veux pas. J'ai même essayé width: auto, sans chance.CSS: Aide sur la position relative/absolue

<div id="mainmenu" style="position: relative;"> 

<div id="LinkToMenu" style="position: absolute; right: 130px; top: 10px;"> 
    <a href="home.php">Home</a> 
</div> 

<img src="images/mainmenu_logo3.png" style="position: absolute; top: 2px; left: 210px; ">

Quel est le problème? Comment puis-je resoudre ceci?

L'image avec presque les mêmes paramètres fonctionne très bien lors du redimensionnement et ainsi, mais pas les barlinks?

Source

2010-08-16 Karem

Avez-vous essayé une largeur de 100%? –

@meder oui j'ai essayé 100%, automatique, et puis j'ai essayé spécifique 1200px; et puis il s'assied parfaitement lors du redimensionnement, mais je ne souhaite pas avoir de largeur spécifique à la barre 1) laide 2) ne sera jamais parfaite "taille" car alors cela dépend de quel écran vous regardez le site sur 3) je pense que vous obtenir ce que je veux dire .. – Karem

Pouvez-vous poster un lien vers la page entière pour nous? Un contexte supplémentaire pourrait être utile. – KatieK

Je pense que #linkToMenu doit avoir une largeur qui lui est assignée.

Source

2010-08-26 22:24:59 Tim

Je ne sais pas si je comprends bien votre problème, mais je faire quelque chose semblable et je le fais comme ça (dans une feuille de style): .header { position: relative; en haut: 0; gauche: 0; Rembourrage: 6px 6px 5px 5px; hauteur: 85px; }

Je semble me rappeler que l'absolu suivant ne fonctionnait pas sans le haut et le gauche, de sorte que la position fasse quelque chose.

Hope this helps

Source

2010-08-16 02:16:48 MikeAinOz

ajoutant haut et à gauche n'a pas fait quoi que ce soit à la question – Karem

-1

position: relative indique au moteur que ce div css est la référence aux divs internes.

position: absolute indique que cette div est absoulte positionnée sur la div outter qui a une position relative ou si elle n'est pas affectée à la fenêtre du navigateur.

à moins que vous n'indiquiez une largeur et une hauteur à la division relitive, vous ne trouvez pas réellement la position div absolue elle-même correctement.

Source

2010-08-16 02:21:08

Pourquoi l'image que j'ai avec le positionnement positionnement absolu fonctionne aussi bien? – Karem

pas vraiment sûr que je comprends votre question, mais je pense que vous devriez faire ce qui suit:

#LinkToMenu{ position: absolute; right: 130px; top: 10px; float:right"} 
#mainmenu{float:right; width:100%}

Cela devrait faire l'affaire.

Source

2010-08-18 21:14:52 JCHASE11

#mainmenu effectivement n'a pas de contenu - c'est deux enfants sont position:absolute, donc sont retirés du flux normal. Tel quel, un élément DIV est un bloc, donc devrait se développer sur toute la largeur du conteneur, bien qu'il n'ait pas de hauteur.

Source

2010-12-20 15:39:34 GlennG

CSS: Aide sur la position relative/absolue

Répondre

Questions connexes