IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

CSS avec page xhtml


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Homme Profil pro
    Webmaster
    Inscrit en
    Mai 2011
    Messages
    258
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 63
    Localisation : France

    Informations professionnelles :
    Activité : Webmaster
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Mai 2011
    Messages : 258
    Par défaut CSS avec page xhtml
    Salut ,
    Pas évident de trouver sur le web un cht'i quelque chose bon pour le css2 .
    Voilà mon pb :
    J'ai une feuille de style avec laquelle je définis dans body <BODY> la couleur
    du fond
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    /* background-color: #c8c8c8; */
    Puis , j'ai la classe "centre" avec
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    /* position: static;background-image: (url monimagedefond.jpg) fixed no-repeat center center ; */
    Puis je definis tab de la manière suivante :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    .tab /* position: relative;text-align: center;top: 10%;left:10% */
    Le code xhtml est comme ça :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    <body>
    <div class="centre">
    <table class="tab">
    ..........
    Mon soucis est que l'image de fond est parfaitement alignée au centre , MAIS le tableau est aligné UNIQUEMENT dans le cas ou la fenêtre de défilement est
    parfaitement ajustée à l'image de fond .
    Si la fenêtre devient plus grande que l'image de fond , ALORS le décalage entre l'affichage du contenu (tableau) et l'image de fond (background) n'est PLUS VALIDE .
    Comment faire pour réaliser cela en css2 ?
    Merci d'avance .

  2. #2
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    Je n'ai rien compris, en plus le code CSS que tu nous montres est tout à fait indigeste et bourré d'erreurs.
    Tu veux de l'aide ? Sois clair, précis et fournis du code que l'on peut utiliser.

  3. #3
    Membre émérite Avatar de fallais
    Homme Profil pro
    Ingénieur systèmes et réseaux
    Inscrit en
    Juillet 2006
    Messages
    858
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Ingénieur systèmes et réseaux

    Informations forums :
    Inscription : Juillet 2006
    Messages : 858
    Par défaut
    Mettre margin: auto; dans ton tableau.

Discussions similaires

  1. [AJAX] Perte de mise en page css avec UpdatePanel
    Par mappy dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 13/01/2008, 20h53
  2. probleme css avec page utlisant les includes php
    Par gaou2 dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 24/06/2007, 08h54
  3. CSS avec HTML vs CSS avec XHTML
    Par Loki13 dans le forum Mise en page CSS
    Réponses: 8
    Dernier message: 22/06/2007, 16h37
  4. Probleme d'insertion de page XHTML/CSS/PHP
    Par crocod dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 14/12/2005, 19h25

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo