Header et taille d'ecran

detectimmobilier · 23 Février 2009

Bonjour,
Je suis confronté à un problème sûrement assez basique ou en tous cas connu.
En visualisant mon site sur le PC d'un pote en ecran 19", j'ai eu la désagréable surprise de constater que certaines infos de mon Header n'étaient pas à l'endroit ou je les avait placé (j'ai un ecran 17")
Il s'agit notamment du petit drapeau de changement de langue.
J'ai mis cet ID en absolute en le positionnant avec difficulté sur l'axe x
Merci à ceux qui ont des tailles différentes de 17" de me donner votre retour et encore mieux une solution :wink:

L.Jee · 23 Février 2009

Ne le mets pas en "absolu", pourquoi ne pas le placer avec "relative" plutôt ?

detectimmobilier · 23 Février 2009

L.Jee a dit:
Ne le mets pas en "absolu", pourquoi ne pas le placer avec "relative" plutôt ?

je viens d'essayer mais ce n'est pas très concluant, je voudrais le placer dans le coin en haut à gauche du header

seo-maroc · 23 Février 2009

relative ca peut resoudre le probleme ...

Leonick · 23 Février 2009

L.Jee a dit:
Ne le mets pas en "absolu", pourquoi ne pas le placer avec "relative" plutôt ?

en fait si, on peut le mettre en absolute, par contre, il faut qu'il soit encapsulé dans le div header qui doit, lui aussi, être positionné. Ne serait-ce qu'avec un position:relative

detectimmobilier · 23 Février 2009

Leonick a dit:
L.Jee a dit:

Ne le mets pas en "absolu", pourquoi ne pas le placer avec "relative" plutôt ?

Cliquez pour agrandir...

en fait si, on peut le mettre en absolute, par contre, il faut qu'il soit encapsulé dans le div header qui doit, lui aussi, être positionné. Ne serait-ce qu'avec un position:relative

Donc il manquerait dans mon code ce que j'ai mis en rouge c'est bien ca :?:
Code source :
<body>
a reintegrer dans Mastehead
<div style="position: relative; width: 45px; height: 30px; z-index: 1; left: 40px; top: 17px" id="couche2">
<a href="../">
<img src="../images/france%2030.gif" width="45" height="30" alt="Chasseur Immobilier en francais" class="style11" /></a></div>
fin reintegration

<div id="container" style="width: 843px" class="style4">

<div id="masthead" style="height: 200px; width: 843px; position: relative;font-size: large;" class="style5">
<div style="text-align: right; background-color: #CDDFF0; height: 200px;">
<img alt="" src="../images/Logo%20ciel%20rose%20200.jpg" width="267" height="200" style="float: left" />
<div style="position: absolute; width: 100px; height: 100px; z-index: 2; left: 447px; top: 107px" id="couche3" class="style17">
We'll search We'll find</div>
<img alt="" src="../images/msfp_smbus2_02%20en%20200.jpg" width="285" height="200" /></div>

Leonick · 23 Février 2009

j'ai un peu de mal à comprendre le code.
Déjà, c'est mieux avec le css en externe
En bref, si je veux positionner contenu1 dans mon header à 20px du haut de header et 20px de la gauche de header

Code:

<div id="header"><div id="contenu1"></div></div>

et dans ma feuille de style

Code:

#header{position:relative;}
#contenu1{position:absolute;left:20px;top:20px;}

après, s'il y a besoin de positionner header, il faut juste rajouter dans la feuille de style, en faisant attention qu'on ne peut utiliser un float (qui sort du flux normal), vu qu'on a un position relative.

detectimmobilier · 27 Février 2009

Bonjour,

Bon, finalement je l'ai sorti du header car impossible à positionner correctement et compatible.
Je l'ai positionné en haut de la sidebar.
Est ce correct :?: