Forum d'entraide PHPFrance

Bonsoir à tous,
voilà je suis en train de réaliser un petit site vitrine d'une boîte
[hs:mode:quizz]
devinez la principale activitée de l'entreprise en question...
de nombreux lots à gagner

[/hs:mode:quizz]
Et ne voulant pas me casser la tête une fois de plus à mettre un pied de page (avec une mise en page deux colonnes, j'arrive pas à mes fins ...

)
je me suis dis pourquoi pas un petit encart en haut à droite...
Donc pour l'instant c'est fonctionnel sous firefox 2.0 (j'ai pu 1.5)...
et presque sous IE7, il y a simplement un petit décalage sur le head, il y a un pixel qui sort de je ne sais où...
Pour ceux qui aurait ie6, merci de ne pas cliquer sur le lien

car pour ce navigateur rien n'a été fait en terme de débuggage

)
Bon alors voici le lien de la page:
puffins.fr/plbrun/produits.html (ou alors puffins.fr/plbrun/ mais là y a pas encore le petit encart alros c'est moins drole...)
et voici les partie de codes concernées:
html:

<div id="center">
  <div id="head">
    <h1>SARL Zébulon</h1>
  </div>
  <div id="tabs">
      <ul>
        <li><a href="index.html" title="Accueil"><span>Accueil</span></a></li>
        <li><a id="pageencours" href="produits.html" title="Liste des produits"><span>Produits</span></a></li>
        <li><a href="plan.html" title="Plans d'accès"><span>Plan</span></a></li>
        <li><a href="contact.html" title="Contactez-nous!!"><span>Contact</span></a></li>
        <li><a href="#" title="Changez le fond de page" onClick="changestyle(); return false;"><span>Style</span></a></li>
      </ul>
  </div>

etc

et pour le css:

Code : Tout sélectionner

#center {
  padding: 0px;
  margin: 0px;
  width: 700px;
  height: 100%;
  position: absolute;
  left: 50%;
  margin-left: -350px;
  border: none;
  z-index: 1000;
}

#head h1 {
  padding: 0px;
  margin: 0px;
}
#center #head {
  width: 100%;
  text-align: center;
  background:#6c3;
}

Voilà!
une dernière petite mise en garde, 56kb s'abstenir, car je n'ai réduit auune taille d'image pour l'instant

bon je pense que c'est à peu près tout...
si, si jamais certaine personne voient ce message au travers de certain konkeror safari ou autres bestioles de cet acabit, merci de bien vouloir me dire si ça à "l'air" de fonctionner

Sous Safari 2.0.4 (419.3) (OS X 10.4.8 ) :

Ça marche nickel.
Par contre quand on fait la fenêtre plus petite, tout est décalé :

(L'entreprise vends des bouts de bois ?

)

bravo vous avez gagné!!!! (je trouve plus mes lots moi

...)
Pour ce qui est du décalage, je vais peut-être réduire un peu le tout en largeur... pour que même en 800*600 ça passe!

bravo vous avez gagné!!!! (je trouve plus mes lots moi ...)
Pour ce qui est du décalage, je vais peut-être réduire un peu le tout en largeur... pour que même en 800*600 ça passe!

Tu peux me tutoyer

Yeahh gagné, trop facile 8)

Pour ce qui est de la taille, ça passe nickel sur un 1024x768, mais c'est vrai que pour qqn qui aurait encore un 800x600 ... moi je code toujours en fonction des 800x600. (ou presque). Ça sert a rien de faire des sites énormes, sur un 20' par exemple j'ai jamais la page de browser qui recouvre tout l'écran ...
Mais teste le décalage, si y a moyen d'empêcher ça. (Je suis pas un pro du CSS, je débute, donc faudrait que qqn t'aiguille sur ce qu'il faut changer pour qu'il n'y ait plus de décalage quand on recadre la fenêtre)

Tu peux me tutoyer

c'était pour le jeu

Sinon oui moi aussi j'essaye de coder pour du 800, d'ailleur mon div central ne fait "que" 700 px, mais j'ai rajouté ensuite mon petit encart, donc faut que je recalcul

merci encore pour le screen

Par contre faudrait encore que d'autres testent sous IE7.

De rien

Forum d'entraide PHPFrance

un petit pixel de trop... :k

un petit pixel de trop... :k