Problème XHTML/CSS insoluble

Discussion dans 'Administration d'un site Web' créé par chat-land, 2 Mai 2005.

  1. chat-land
    chat-land WRInaute discret
    Inscrit:
    2 Novembre 2004
    Messages:
    50
    J'aime reçus:
    0
    Après avoir été sur le salon phpfrance , demandé à mes contacts, de bons programmeurs html, php je pose ma question sur les forums.

    J'y crois à moitié sur le fait d'avoir une réponse , au bout d'un moment on fini par désespérer... :-(


    http://www.chat-land.org : le cadre "page" (<div id="page" style="text-align: center">) ne dépasse pas du cadre de l'index sous internet explorer , mais sous firefox il dépassee complètement , url du css: http://www.chat-land.org/css/chat.css , extrait du css : #page{overflow-x: auto;border-right:1px solid #000;border-left:1px solid #000; border-bottom:1px solid #000;margin:5px 0% 2px 15%; padding:1px;border:2px groove silver;min-height:100%;width:100%;} j'utilise des poucentages pour utiliser toute la place disponible quelque soit la résolution de l'internaute .


    à celui qui trouve , je lui tire mon chapeau !


    Merci d'avance.
     
  2. u8086
    u8086 WRInaute passionné
    Inscrit:
    24 Mai 2004
    Messages:
    2 436
    J'aime reçus:
    0
    Pourquoi tu ne travailles pas avec des valeurs absolues (en pixel) pour la largeur ?
    Pour Firefox, 100% = la taille d'un écran, soit 1024 px chez loi.
     
  3. taybott
    taybott WRInaute discret
    Inscrit:
    12 Janvier 2005
    Messages:
    141
    J'aime reçus:
    0
    si j'ai bien compris tu veux pas que ton cadre centrale depasse sur la droite...

    Dans ce cas

    hum... bien 'j'ain enlevé le width=100% de #page, je crois que ça devrait passer :D
    enlève aussi ton width=100% dans #content histoire de remettre tout droit ;)

    tu n'as plus qu'a tester sous ie... et a mettre remerciement taybott :lol:

    note qu'il te serai plus pratique de le faire en taille absolue... parce que même en 800 x 600 ta pub ne passera pas ;)
     
  4. tigrou
    tigrou WRInaute discret
    Inscrit:
    29 Février 2004
    Messages:
    70
    J'aime reçus:
    0
    overflow-x n'est pas une propriété standard en CSS2, je pense que Firefox l'ignore tout simplement.
     
  5. ptitpimousse
    ptitpimousse WRInaute discret
    Inscrit:
    28 Avril 2005
    Messages:
    73
    J'aime reçus:
    0
  6. moktoipas
    moktoipas WRInaute passionné
    Inscrit:
    29 Juin 2004
    Messages:
    1 495
    J'aime reçus:
    0
    mais elle sera implementée dans la prochaine version(1.1) en juillet.
    https://www.webrankinfo.com/forum/viewt ... 676#261702
     
  7. aladdin
    aladdin WRInaute passionné
    Inscrit:
    29 Avril 2005
    Messages:
    1 235
    J'aime reçus:
    0
    moi aussi j'ai eu le meme problème avec mon site et je l'ai resolu en utilisant la methode de toybott mais en ajoutant en plus ça :
    body, html
    {
    width: 100%;
    }

    mais dans mon cas c'etait avec la heuteur (height:100%)
    sinon tu peut toujour utiliser des valeurs absolues, si tu connais la taille de ton cadre.

    il vaut mieux aussi adapter tes styles css en fonction des navigateurs (cf le modificateur !important )
     
  8. netsys
    netsys WRInaute passionné
    Inscrit:
    17 Juillet 2004
    Messages:
    1 010
    J'aime reçus:
    0
  9. chat-land
    chat-land WRInaute discret
    Inscrit:
    2 Novembre 2004
    Messages:
    50
    J'aime reçus:
    0
    Merci à tous le problème est résolu , j'ai enlevé les width mais j'ai du rajouté un height 100% sinon ça ne fonctionnait pas sous IE

    Mais merci encore à tous , vous pouvez aller voir le résultat >> http://www.chat-land.org .
     
  10. e-kiwi
    e-kiwi WRInaute accro
    Inscrit:
    23 Décembre 2003
    Messages:
    13 198
    J'aime reçus:
    1
    c est presque ca (sous ie, le copyright chat-land doit etre baissé de 10 px pour rentrer entierement dans le cadre)
     
  11. lahomania
    lahomania WRInaute occasionnel
    Inscrit:
    12 Avril 2005
    Messages:
    400
    J'aime reçus:
    0
    votre probleme est reglé ici alors que ce n'es pas le cas aiileur , :D :D
    bravo les wrinautes, je suis fièr de vous :) :)

    qcq je dois faire pour avoir des visiteurs comme vous sur mon forum :(
     
  12. e-kiwi
    e-kiwi WRInaute accro
    Inscrit:
    23 Décembre 2003
    Messages:
    13 198
    J'aime reçus:
    1
    >> qcq je dois faire pour avoir des visiteurs comme vous sur mon forum

    du contenu qui n interresses personne :)
     
  13. lahomania
    lahomania WRInaute occasionnel
    Inscrit:
    12 Avril 2005
    Messages:
    400
    J'aime reçus:
    0
    lol, je te donne une conseille mon amo, essay de cree un site finance, et met de la pub, j'ai trouver sur nwf une compagne qui paie 37euro par formulaire avec telephone valide

     
  14. u8086
    u8086 WRInaute passionné
    Inscrit:
    24 Mai 2004
    Messages:
    2 436
    J'aime reçus:
    0
    Bravo les Wrinautes !

    Y'a pas à dire, on cartonne !
     
  15. blman
    blman WRInaute accro
    Inscrit:
    5 Septembre 2003
    Messages:
    2 719
    J'aime reçus:
    3
    #page{overflow-x: auto;border-right:1px solid #000;border-left:1px solid #000; border-bottom:1px solid #000;margin:5px 0% 2px 15%; padding:1px;border:2px groove silver;min-height:100%;width:100%;}

    1px (border-left) + 15% (margin) + 1px (padding) + 2px (border) +100% (width) > 100 %

    Et oui, en CSS, les margin et les padding sont externes à un bloc et s'ajoute, normal donc que ton bloc dépasse de la fenêtre (ils ne sont pas compris dans la taille défini par width). Ca ne fonctionne pas comme les tableaux.
     
Chargement...
Similar Threads - Problème XHTML CSS Forum Date
Problème site XHTML/CSS2 Administration d'un site Web 23 Juillet 2003
[résolu][xhtml] Problème de validité Développement d'un site Web ou d'une appli mobile 5 Novembre 2007
Problème de validation (xhtml 1.0 transitional et marquee) Développement d'un site Web ou d'une appli mobile 29 Mai 2007
Valideur xhtml --> problèmes signalés Développement d'un site Web ou d'une appli mobile 18 Octobre 2006
Problème avec la certification XHTML 1.0 Transitional Développement d'un site Web ou d'une appli mobile 16 Février 2006
Problème de validation XHTML 1.0 Administration d'un site Web 13 Décembre 2003
Problème de htaccess chez Ionos URL Rewriting et .htaccess 12 Septembre 2022
Problème sur jquery avec fonction asynchrone Développement d'un site Web ou d'une appli mobile 6 Septembre 2022
Problème de crawl et d'indexation Crawl et indexation Google, sitemaps 1 Septembre 2022
WordPress Problème affichage style avec Elementor (titre, bordures, separateur) Administration d'un site Web 8 Août 2022
Problème d'indexation de backlinks Débuter en référencement 24 Juillet 2022
Problème d'indexation de backlinks Problèmes de référencement spécifiques à vos sites 21 Juillet 2022
Probleme de visibilité de ma page Facebook Facebook 5 Juillet 2022
problème avec le développeur Droit du web (juridique, fiscalité...) 22 Juin 2022
Problème désindexation des pages de Google Débuter en référencement 21 Juin 2022
Problème d'indexation de pages sur Google Problèmes de référencement spécifiques à vos sites 31 Mai 2022
problème de redirection non souhaitée Administration d'un site Web 28 Avril 2022
Problème d'indexation Produits Prestashop Crawl et indexation Google, sitemaps 28 Avril 2022
Problème d'affichage des campagnes Google Ads dans un tableau de bord Data Studio AdWords 26 Avril 2022
Problème de vitesse d'affichage des pages sur Analytics Google Analytics 26 Avril 2022