Aide pour correction css
Résolu
bg62
Messages postés
23732
Date d'inscription
Statut
Modérateur
Dernière intervention
-
bg62 Messages postés 23732 Date d'inscription Statut Modérateur Dernière intervention -
bg62 Messages postés 23732 Date d'inscription Statut Modérateur Dernière intervention -
Bonjour,
gros, très gros besoin d'aide pour corriger une css !
le lien de la page html :
http://refok.free.fr/pechecss/
- premier gros problème : la colonne de droite que je voudrais voir aller automatiquement jusqu'au bas de page, quelque soit le contenu de la page, là je crise !!!!
- autre problème : le menu du haut qui ne passe pas sous certaines versions de IE ...
voici la css actuelle :
ne vous préoccupez pas trop d'autres évenyuels petis 'codes', il s'agit là d'une page html qui devrait servir à adapter le look au template d'un cms, mais pour ces deux gros points toute aide sera la (très) bienvenue !
grand merci à l'avance
@+ b g
gros, très gros besoin d'aide pour corriger une css !
le lien de la page html :
http://refok.free.fr/pechecss/
- premier gros problème : la colonne de droite que je voudrais voir aller automatiquement jusqu'au bas de page, quelque soit le contenu de la page, là je crise !!!!
- autre problème : le menu du haut qui ne passe pas sous certaines versions de IE ...
voici la css actuelle :
html {min-height: 100%;} * { margin: 0; padding: 0; } a {color: #963;} a:hover {color: #C60;} body { background: #c7ab84 url(img2/background.gif) /*repeat-x */top; color: #444; font: normal 62.5% Tahoma,sans-serif; } p,code,ul {padding-bottom: 1.2em;} li {list-style: none;} h1 { font: normal 1.8em Tahoma,sans-serif; margin-bottom: 4px; } blockquote { background: url(img2/quote.gif) no-repeat; display: block; font-weight: bold; padding-left: 28px; } h1,h2,h3 {padding-top: 6px;} /* misc */ .clearer {clear: both;} .left {float: left;} .right {float: right;} /* structure */ .container { background: #FFF; font-size: 1.2em; margin: 0 auto; padding: 0 10px 10px; width: 950px; } /* header */ .top { padding: 5px 10px 0; } .header { background: #FFF; font-size: 0.8em; height: 250px; margin: 0 auto; padding: 10px 10px 5px; width: 950px; } .header h1{ color: #ffffff; font-family:Georgia, "Times New Roman", Times, serif; padding:30px 0 0 10px; } .header h2{ color: #ffffff; font-family:Georgia, "Times New Roman", Times, serif; padding:50px 0 0 10px; } .header .left { background: #B3C2C7 url(img2/header.jpg) no-repeat; font: normal 1.8em "Trebuchet MS",sans-serif; width: 950px; height:250px; } /* navigation */ .navigation { background: #D9E1E5 url(img2/nav.gif); height: 41px; margin:0 auto; font: bold 13px sans-serif; } .navigation a { background: #D9E1E5 url(img2/nav.gif); border-right: 1px solid #ffffff; color: #456; display: block; float: left; font: bold 12px sans-serif; line-height: 41px; padding: 0 13px; text-decoration: none; } .navigation a:hover {background-position: left bottom; color: #234;} /* main */ .main { background:#FFF0C2; } /* sub navigation */ .sidenav { float: right; width: 210px; background:#a8e5a7; } .sidenav h2 { color: #ffffff; font-size: 1em; line-height: 30px; margin: 0; padding-left: 12px; text-align:center; } .sidenav ul { padding: 0; border-top: 1px solid #EAEADA; } .sidenav li {border-bottom: 1px solid #EAEADA;} .sidenav li a { font-size: 1.1em; color: #554; display: block; padding: 8px 0 8px 5%; text-decoration: none; width: 95%; } .sidenav li a:hover { background: #ebf6e6; color: #654; } .sidenav .image { width:210px; } .image { width:100%; } /* content */ .content { float: left; margin: 10px 0; padding: 0 16px; width: 700px; } .content .descr { color: #664; font-size: 0.9em; margin-bottom: 6px; } .content li { list-style: url(img2/li.gif); margin-left: 18px; } .content p {font-family: "Lucida Sans Unicode",sans-serif; font-size: 13px; } .footer { border-top: 10px solid #FFF; background:#a8e5a7; color: #FFF; font: bold 1em sans-serif; line-height: 40px; text-align: center; } .footer p{ padding-top:20px; } .footer a,.footer a:hover {color: #FFF;}
ne vous préoccupez pas trop d'autres évenyuels petis 'codes', il s'agit là d'une page html qui devrait servir à adapter le look au template d'un cms, mais pour ces deux gros points toute aide sera la (très) bienvenue !
grand merci à l'avance
@+ b g
A voir également:
- Aide pour correction css
- Activer correction automatique android - Guide
- Telecharger clavier français avec correction - Télécharger - Divers Utilitaires
- Le correcteur automatique de votre smartphone vous rend fou ? Voici comment le désactiver - Accueil - Mobile
- Mode correction word - Guide
- Correction yeux rouges windows 10 - Télécharger - Retouche d'image
4 réponses
bonjour,
pour le problème principal, je ne vais pas pouvoir t'aider, par contre pour ton "autre" problème, je dirais que ce n'est pas "ton" problème mais le problème des utilisateurs s'ils utilisent encore du IE6 et consorts... tu peux même mettre un petit bandeau pour ces utilisateur leur conseillant d'installer un navigateur plus récent,
voir un lien vers un site du type de celui-ci:
http://www.linternaute.com/hightech/dossier/07/09/comparatifnavigateur/1.shtml
sans vouloir faire l'intégriste, ce n'est pas aider les utilisateur que de se pourrir son code afin que "leurs" versions obsolète soit supportée. les standards existent justement pour éviter cela!
pour le problème principal, je ne vais pas pouvoir t'aider, par contre pour ton "autre" problème, je dirais que ce n'est pas "ton" problème mais le problème des utilisateurs s'ils utilisent encore du IE6 et consorts... tu peux même mettre un petit bandeau pour ces utilisateur leur conseillant d'installer un navigateur plus récent,
voir un lien vers un site du type de celui-ci:
http://www.linternaute.com/hightech/dossier/07/09/comparatifnavigateur/1.shtml
sans vouloir faire l'intégriste, ce n'est pas aider les utilisateur que de se pourrir son code afin que "leurs" versions obsolète soit supportée. les standards existent justement pour éviter cela!
merci de cette réponse, mais tout ça je le savais .... et maintenant que toi tu as "pourri" (enfin j'espère que non !) ma demande avec cette réponse ... j'ose espérer que quelqu'un prendra le temps de se pencher sur le problème évoqué
Pour ton premier soucis, je ne vois qu'une solution, calculer avec un javascript la taille qu'il faut et la lui gaver en force.
Trouver la taille de la fenêtre puis la mettre en force sur le Div:
Par contre il te faudra ajouter dans ton div: <div style="height:auto;" id="id de ton div">
Qu'est ce qui ne passe pas sur ton menu? j'utilise firefox et tout marche bien.
Trouver la taille de la fenêtre puis la mettre en force sur le Div:
<script type="text/javascript"> <!-- Debut // JavaScript pris sur le site: "http://www.java.scripts-fr.com" if (document.body) { var haut = (document.body.clientHeight); } else { var haut = (window.innerHeight); } document.getElementById['le id de ton div ici'].style.height.value = haut; // fin du script --> </script>
Par contre il te faudra ajouter dans ton div: <div style="height:auto;" id="id de ton div">
Qu'est ce qui ne passe pas sur ton menu? j'utilise firefox et tout marche bien.
Pour ton premier soucis, je ne vois qu'une solution, calculer avec un javascript la taille qu'il faut et la lui gaver en force. Trouver la taille de la fenêtre puis la mettre en force sur le Div:
il n'a jamais été question d'insérer du Javascript pour une "fenêtre" .... mais d'essayer de corriger une feuille de style ...
??? j'espère que c'est une plaisanterie ....
je mets le post en "résolu" en espérant sur un autre une véritable aide ...
et d'où vient ce "+ " sur ta réponse ??? tu "plussoies" toi-même ???
Et puis d'où viens toute cette agressivité, il ne faisait que te donner son avis, il a pris la peine de te répondre déjà et regarde comment tu lui parle. Il n'est pas obligé de savoir que tu es déjà au courant.
Enfin bref peu importe.
Bonne continuation tout de même et bon courage.
A+,
VieTgOOx.
il a peut-être pris "la peine de me répondre" mais mais pour l'aide que je demandais ...
et quant à ta réflection sur le 'plussoiement" ... je soumets ...
@+ b g
(il y a des jours où ... !)
Je cite ta signature (ton proverbe) :
"merci d'avoir la politesse de répondre à ceux qui essaient de vous aider"
Je cite ce que tu lui dit:
"et maintenant que toi tu as "pourri" "
"je mets le post en "résolu" en espérant sur un autre une véritable aide ..."
Très polie comme réponse à quelqu'un qui "essaie" de t'aider =) ! Si toi tu ne trouve pas ça un peu trop brutale c'est qu'on a un problème de compréhention et qu'on est pas sur la même longueur d'ondes.
Bref, je ne suis pas là pour me prendre la tête ce sera donc mon dernier message sur ce topic car jusque là, aucun de nous n'est constructif.
Bonne continuation.
VieTgOOx.
PS: Et si quelqu'un lui a mis +1 c'est qu'il apprécie l'ironie =) en tous cas ce n'est pas moi.