Kreestal
-
Compteur de contenus
48 -
Inscrit(e) le
-
Dernière visite
Messages postés par Kreestal
-
-
Bonsoir à tous ;-)
J'aimerais utiliser ce modèle comme "base" pour un site sur lequel je suis en train de travailler. Malheureusement, dans Mozilla, la div #contenu (en mauve), n'est pas scrollable dans Mozilla avec la molette.
Comment pourrait-on rétablir le scroll, qui permettrait une navigation plus agréable?
Mon problème n'est pas de rendre toutes les divs scrollables, mais uniquement la div #contenu (en imaginant que la div #menu reste fixe!).
En cherchant un peu, je suis tombée sur cet exemple, qui semble fonctionner quel que soit le navigateur, mais je n'arrive pas du tout à l'adapter à mon cas [désespéré???].
Si vous pouviez partager vos lumières avec moi, je vous en serai très, très reconnaissante!
(Je me prends la tête sur ce problème depuis pas mal de temps...)Edit: j'ai oublié d'ajouter que l'idéal serait d'ajouter une image de fond qui resterait fixe, pendant que le contenu de la div #contenu serait scrollable, sans que l'image de fond ne bouge donc. (D'ailleurs, vaut-il mieux privilégier une image de fond dans <body>, ou une pour chaque div (#menu et #contenu)?)
-
Edit: Je supprime le contenu de ce post, car j'ai résolu mon problème................ toute seule comme une grande
_AT_v4np13: Merci de ta réponse et des liens vers les exemples Alsacréations! ;-) En effet, le premier que tu me conseilles est intéressant, mais j'ignore totalement comment l'appliquer à mon cas...
-
Hello Thierry,
Merci énormément pour ces nouvelles indications. J'ai essayé ce que tu m'as conseillé de faire uniquement avec les items "News" et "Galerie", mais en n'utilisant que h1 pour les deux divs, cela ne fonctionnait pas; il y en avait toujours une qui ne s'affichait pas. Donc j'ai "donné" du h1 à #news et du h2 à #galerie, et cela a l'air de fonctionner (edit: sauf dans IE!). Je vais essayer avec les autres items de menu et d'autres h, je posterai ici si ça ne fonctionne pas.
Je n'ai pas su, en revanche, où je dois intégrer les divs que tu me conseilles, à savoir celle qui doit contenir le titre du site, et celle qui doit contenir sa description. Avant #oxalys j'imagine?...
Sinon, dernière question pour aujourd'hui: au hasard, j'ai voulu regarder ce que donnerait une validation W3C pour ce que j'ai fait, mais il y a visiblement une erreur au niveau des h1 et h2. L'ai-je bien écrit?
Au fait, n'étant pas l'infographiste sur ce coup-là, je n'ai pas pu faire en sorte que l'image de fond qui devrait être sans texte n'ait pas de texte. Mais comme la div #news est placée au-dessus de l'item "News" de l'image de fond, ça n'a pas l'air de poser problème... (si?)
D'avance merci
_AT_Dudu: merci pour ta réponse! ;-) J'ai essayé de suivre tes conseils (je dis bien: essayé
) et voilà ce que ça donne: j'ai précisé ce que devait être <a> dans la div #news; cela fonctionne, à ceci près que l'on voit (en tout cas, moi je le vois), le trait de soulignement du texte... Est-ce normal? -
Bonjour Thierry :-)
Merci pour les nouveaux éléments que tu m'apportes. Je préfère exclure d'emblée la solution des tableaux; pas que je sois sectaire, mais je ne veux pas baisser les bras à la première petite difficulté (surtout que ce n'est pas la première
). Donc, go for CSS. Je débute dans le domaine, certes; mais je suis réellement animée par la volontée de comprendre la logique du XHTML et du CSS et, c'est bien connu, c'est en forgeant qu'on devient forgeron. Donc pardonne à la padawan que je suis ses erreurs de débutante. ;-)Dans cette logique, aucune image servant à la présentation (graphisme de ta page) ne devrait être intégrée dans ton fichier HTML. Ces images devraient apparaitre avec la regle (background-image) des CSS.Comme tu l'as vu dans ma CSS, cette page d'accueil se compose de cinq div, dont trois servent précisément à présenter les images sur la page. En lisant ta réponse, j'imagine donc que je dois créer autant de div que d'images (?), et préciser leur image de fond à chacune dans leurs propriétés propres, dans ma CSS. Seulement, ce que je n'arrive pas à piger, c'est comment tu intègres un lien sur ces images si elles sont en image d'arrière-plan d'une div?
Gifs transparents (pitié non)?D'avance merci pour tes explications, elles me sont très précieuses, et en plus tu es super clair.
Edit: J'ai modifié ma page selon tes conseils: Voir ce que ça donne
Je suis contente, en effet c'est plus précis comme ça. Je ne veux plus centrer verticalement, tu as raison, ça ne sert à rien. J'ai juste mis une marge de 50px, comme ça, ça rend bien, et on voit tout en 800x600.
Cependant, la question principale demeure: "comment tu intègres un lien sur ces images si elles sont en image d'arrière-plan d'une div?" Parce que mon menu ne me sert à rien là si on peut pas cliquer dessus
-
Bonjour,
Je pense que ton problème provient de la méthode que tu utilises pour centrer horizontalement et verticalement ton div #conteneur.
Il faut en général éviter d'utiliser la propriété des CSS "height" car elle est mal gérée par les navigateurs.
Voici ce que je te propose d'essayer.
body{
font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
background-color:#320033;
text-align:center; /* permet de centrer le contenu dans I.E */
}
#conteneur {
text-align:left; /* pour que la regle dans body ne s'applique plus aux éléments de ton contenu */
margin: 10px auto; /* permet de centrer le contenu dans les autres navigateurs */
width: 750px;
border: 0;
}
Etant donné que ton conteneur fait 580 pixels en hauteur, sur un affichage de 600*800 il te reste 20 pixels de dispo. C'est pourquoi une marge de 10px pour le haut de ton conteneur devrait permettre ton centrage vertical.
<{POST_SNAPBACK}>
Bonjour Thierry,
Merci pour ton aide! ;-) J'ai essayé ta méthode, cela marche, cela centre bien verticalement, mais en 800x600, je suis toujours confrontée au même problème, c'est à dire: une partie supérieure de la div qui "disparaît".
Ma première CSS a été conçue en fonction des conseils d'Alsacréations.
Et dans leur exemple, leur div centrée fait 700px de longueur et 400px de longueur; en effet, en 800x600, cela apparaît nickel chrome, rien ne dépasse. Mais 700x400, c'est tout petit
Mais enfin, je vais essayer de réduire mes images; après tout, au webdesigner de s'adapter...Je suis un peu déçue quand même qu'il n'y ait pas de solution à ce problème si je voulais, par exemple, conserver mes images comme elles sont, sans que la partie supérieure de ma div disparaisse...
-
#gauche {
position: absolute;
left:0;
width: 235px;
height:100%;
}
#menu {
position:absolute;
top:5%;
left:10px;
color: #FFFFFF;
}
#promo {
position:absolute;
top:80%;
left:10px;
color: #FFFFFF;
}<{POST_SNAPBACK}>
Bonjour jeroen,
Wow, merci, ça fonctionne nickel maintenant!!
Merci merci merci!
-
Bonjour!
Je poste à nouveau pour un problème un peu différent cette fois qui se trouve sur la page suivante: Problème d'alignement de div
Le problème concerne la partie de gauche; la bande noire est en fait la div #gauche, qui, en son sein, contient deux autres div: #menu et #promo.
#menu: le but est que cette div se trouve toujours à 5% du haut de la page.
#promo: le but est que cette div se trouve toujours à 80% du haut de la page.
Or, j'ai essayé avec les position:absolute, position:relative, et position:fixed, mais y'a toujours quelque chose qui ne va pas.
Soit ces deux div se chevauchent, soit elles se suivent directement; j'ai l'impression que les pourcentages ne sont pas pris en compte (ou, et c'est probable, je les ai mal utilisés).Quelqu'un saurait-il m'apporter une solution pour que les div #menu et #promo s'affichent comme je le souhaite? D'avance merci
ça doit être relativement simple, mais je n'y arrive pas
-
bonjour !
Pour faire simple !
mais je ne suis pas pro
ton div #menu je ne sais trop ce que tu veux en faire je ne l'ai donc pas mis !!
<html>
<!-- Date de création: 21/11/2005 -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
/* CSS issu des tutoriels css.alsacreations.com/ */
body {
font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
background-color:#FFCC99;
}
#conteneur {
width: 100%;
height: 100%;
background:#FFFFFF;
}
#gauche {
background:#FF0000;
position: absolute;
left:0;
width: 235px;
height: 80%;
}
#centre {
margin-left: 236px;
height: 80%;
width: auto;
background:#CCFF33;
overflow: auto;
}
#pied {
background:#CCFF33;
width: 100%;
height: 20%;
background-color: #FF9933;
}
</style>
</head>
<body>
<div id="conteneur">
<div id="gauche">mmmmmmmmmm
</div>
<div id="centre">
llllllllllllllll
</div>
<div id="pied">
mmm
</div>
</div>
</body>
</html>Paul
<{POST_SNAPBACK}>
Bonjour paul22!
Merci pour ta réponse!
[Mon sujet a eu un de ces succès, ça fait peur 
]En fait, entre temps, j'ai réussi à régler mon problème, grâce à une âme charitable. Donc voici la solution:
<style type="text/css">
/* CSS issu des tutoriels css.alsacreations.com/ */
body {
font-family: Trebuchet MS, Georgia, Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
background-color:#000000;
height: 100%;
}
html
{height: 100%;
}
#conteneur {
position: relative;
width: 100%;
height: 100%;
background:#000000 url("images/menu.jpg") no-repeat;
}
#centre {
margin-left: 235px;
height: 100%;
background:#000000 url("images/conteneur.jpg") no-repeat;
overflow: auto;
}
#gauche {
position: absolute;
left:0;
width: 235px;
}
#pied {
position:absolute;
height: 18px;
background:url("images/footer.gif") repeat;
bottom:0;
width: 100%;
}
p {margin: 0 0 0 0;}
</style>
Edit: je ne peux plus éditer mon premier message?
J'aurais voulu inscrire "[Résolu]" dans le titre... -
Bonjour à tous!
Je suis en train de travailler sur un site. Ce site se composera de deux pages, la page d'accueil, et la page où s'affichera le contenu. Je travaille actuellement sur la page d'accueil.
Vous pouvez voir où j'en suis ici: Avancement des travaux
Comme vous le constaterez immédiatement, la div #conteneur est centrée horizontalement et verticalement.
C'est précisément le centrage vertical qui me pose problème: si vous avez Web Developper, cliquez sur "Resize" >> "800x600", et qu'obtenez-vous? La partie supérieure de la div #conteneur qui "disparaît". J'imagine que c'est dû à un problème de marges... Mais débutant dans le domaine, je ne comprends pas quel est le problème.
Que changer pour que la div #conteneur s'affiche complètement, et non pas tronquée, même en 800x600, tout en conservant les alignements horizontal et vertical?
D'avance merci!
-
Bonsoir à toutes et à tous
Je suis en train de travailler sur un site conçu d'après ce modèle.
Seulement je veux rajouter un footer qui fasse toute la largeur de la fenêtre et qui se trouve toujours au plus bas de la page, quelle que soit la résolution d'écran. J'ai donc modifié la CSS de base comme suit:
Voici ma CSS:
<style type="text/css">
/* CSS issu des tutoriels css.alsacreations.com/ */
body {
font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
background-color:#000000;
}
#conteneur {
position: absolute;
width: 100%;
background:#000000 url("images/menu.jpg") no-repeat;
}
#centre {
margin-left: 235px;
height: 100%;
background:#000000 url("images/conteneur.jpg") no-repeat;
overflow: auto;
}
#gauche {
position: absolute;
left:0;
width: 235px;
}
#menu {
position:fixed;
left:10px;
top: 5%;
width:200px;
height:60px;
color: #FFFFFF;
}
#pied {
height: 15px;
background-color: #FFFFFF;
}
.menugauche {
list-style-type: none;
margin: 0;
padding:0;
}
.menugauche li {
margin-bottom: 5px;
}
.menugauche a {
margin: 0;
color: #FFFFFF;
text-decoration: underline;
}
.menugauche a:hover {
text-decoration: none;
}
.conteneur {
margin-left: 200px;
padding-top: 50px;
padding-right: 10px;
padding-bottom: 30px;
color: #FFFFFF;
}
.pied {
font-size: 0.7em;
color: #DE7B5D;
text-align: left;
margin: 0;
padding:1px;
}
p {margin: 0 0 0 0;}
</style>Voici ce que j'obtiens:
La div #pied (en blanc) ne se met pas automatiquement en bas de la page en 1280x1024 (c'est à dire, je voudrais qu'elle se mette automatiquement au-dessus de la barre d'état!). Je voudrais qu'elle se trouve systématiquement au plus bas de la page affichée, quitte à "forcer" la div #centre à s'allonger même sans texte. (=même sans texte suffisant qui "pousserait" la div #centre jusqu'à #pied)
Petite précision:
- pour les grandes résolutions: En obtenant une telle div #pied, on est bien d'accord que non seulement cela "obligera" la div #centre à s'agrandir, mais aussi la div #gauche!
- pour les petites à moyennes résolutions: En obtenant cette div #pied, si le contenu de la div #centre est plus long que l'écran, j'imagine qu'on obtiendra un scroll sur la div #centre. [Phiou, c'est pas gagné mon affaire
]Dites-moi si je suis claire
D'avance merci pour votre précieuse aide!
-
Non effectivement je ne pense pas qu'on puisse outrepasser l'héritage de l'opacité. C'est d'ailleurs ce qui est dit dans le sujet d'Alsacreation (si on arrive à lire entre les messages du boulet de base).
Cela dit dans l'exemple que tu donnes il n'y a rien qui ne puisse se faire sans transparences (ou presque rien : je serais embêté pour faire coïncider le motif d'arrière plan du pied de page avec le fond). Excuse-moi si ça ne répons pas tout à fait à ta question.
<{POST_SNAPBACK}>
Bonjour Niconemo,
Argh, c'est bien ce que je craignais.
J'ai bien essayé de mettre une image de fond PNG transparente dans #conteneur, mais ça ne fonctionne pas (mais je dois mal m'y prendre, car j'ai Mozilla, et même là le PNG s'affiche sans transparence).Coucou Kreestalje ne suis pas sûr d'être tout à fait réveillé ce matin mais (à tout hasard) je dirais de déplacer
background-color:#857D99;
-moz-opacity:0.5;
opacity: 0.5;
filter:alpha(opacity=50);
vers #center, sans rien mettre à la place
Joli coup de crayon en tout cas
! (les prints sur aenemya...)<{POST_SNAPBACK}>
Bonjour kilo,
J'ai essayé ton conseil, mais ça ne donne pas le résultat escompté.
Merci pour le compliment
Bon... Je suis coincée.
Si quelqu'un a une autre idée, qu'il n'hésite pas à la poster ici! D'avance merci!
-
Héhé coucou Anaon
_AT_Dudu: ton conseil semble ne pas fonctionner malheureusement
J'y ai cru, mais non: je te laisse voir par toi-mêmeJ'ai essayé ton code:
#gauche, #droite, #centre, #pied {opacity: 1}[(même s'il me semble qu'il manque un ";"
]ça ne marchait pas mieux.
Donc j'ai essayé comme ça:
#gauche, #droite, #centre, #pied {-moz-opacity:1;opacity: 1;filter:alpha(opacity=100);}Mais ça ne marche pas mieux...
D'autres idées s'il vous plaît? D'avance merci à tous!
-
C'est certain que la notion de liens, d'échanges de liens, élément qui a été à la base du développement d'internet, a perdu beaucoup de sa substance aujourd'hui. Ce ne sont plus des pages de liens que nous voyons maintenant, ce sont des 'pages partenaires'... Quel est l'intérêt pour le visiteur d'une 'page partenaires' ? Vous allez les voir, vous ? Sur un site commercial, on comprend, ce sont les renvois d'ascenseur, mais sur un site non commercial... !?
Bonjour Remi,
Je pense que la création d'une page de "partenaires" sur un site non commercial a également un intérêt -- peut-être moins marqué que sur les sites commerciaux, car il ne rapporte pas d'argent -- mais il est très utile pour guider les visiteurs de ton site les plus fidèles (c'est à dire ceux qui visitent souvent et attentivement ton site pour cliquer sur le lien "Nos partenaires" et éventuellement visiter les sites desdits partenaires) vers des sites que tu juges, en tant que webmaster, très proches de ta propre éthique et du contenu de ton propre site. Cela met en exergue, dès la première page de ton site, les liens qui existent entre tes partenaires et toi, plus forts que les liens qui existent entre les sites vers lesquels tu as créé un lien dans ta rubrique "Liens", et toi. Certes, cela ressemble à un effet d'annonce si on considère que tu peux tout autant faire une rubrique "Nos liens préférés" dans ta page de "Liens", mais cela peut être pratique si tu as un partenariat avec un site proche du tien, tant par les thèmes que dans son discours, ayant plus de visiteurs que le tien, et que ton lien y est mis en valeur justement par ta qualité de "partenaire".
Et pour répondre à ta question, si je vois une page "Partenaires" sur un site non commercial, et que les descriptions de ces liens me plaisent, oui, en général je vais les visiter.
-
En fait, c'est bien ce que je pensais: j'avais compris de travers
Je pensais à des histoires de couleurs de fond alors que le problème vient de l'opacité (le mot "transparence" m'a un peu dérouté).
#gauche, #droite, #centre, #pied {opacity: 1}çà devrait marcher
<{POST_SNAPBACK}>
Désolée, j'ai employé le mauvais terme
(Décidément les boulettes aujourd'hui )Super le code, je pense aussi que ça devrait marcher! J'essayerai ça ce soir, et bien sûr je te dirai si ça fonctionne.
Merci
-
Salut
(terrible l'ambiance, chez Alsa
)Salut Dudu! Merci pour ta réponse! ;-)
(Oui, en effet, y'a visiblement eu une légère incompréhension entre eux...)
J'ai peur de ne pas avoir compris ta question, et je serais tenté naïvement de te répondre: mets une couleur de fond aux div concernés.Non ?
<{POST_SNAPBACK}>
Ma question est toute simple en fait: comment faire en sorte que tout ce qui est contenu dans la div #conteneur (sauf la div#conteneur elle-même, puisque la transparence de sa couleur de fond est précisément l'effet recherché) ne soit pas transparent?...
Si je mets une couleur de fond aux div concernées, elle sera transparente aussi, vu l'héritage (toutes les div concernées sont situées entre les balises <div id="conteneur"></div>).
- L'héritage des attributs de la div #conteneur est-il contournable? Si oui, comment?
- Si non, y a-t-il une solution pour préciser que le contenu des autres div ne doit pas être transparent?
- Si aucune solution n'existe, trouvez-vous gênant que le texte du site soit transparent à 50%? (moi oui
)D'avance merci
Edit: _AT_Dudu: en fait, certaines des div concernées ont déjà une couleur de fond: #centre, #header... Or, elles sont transparentes. Il faudrait trouver une autre solution.
-
Bonjour à toutes et à tous
Depuis quelques jours je passe mes nuits sur le net à la recherche de tous les topics qui concernent la transparence des div. J'ai trouvé ce topic sur Alsacréations, qui m'a été fort utile.
Vous pouvez voir un exemple de ce que j'ai fait ici. (C'est tout moche, mais ce n'est qu'un essai! ;-) )
Comme vous le voyez, la div #conteneur est rendu transparente à 50% grâce à la css. Cependant, comment faire en sorte que le contenu des div #haut, #gauche, #centre et #pied échappe à l'héritage de la div #conteneur, et donc n'apparaisse pas transparent à 50%?
D'avance, je suis désolée si la réponse a déjà été donnée (ou si elle est évidente), vous avez tout à m'apprendre.
Edit: si mon sujet est posté dans la mauvaise catégorie, je remercie d'avance les modérateurs de bien vouloir le déplacer.
Merci pour vos réponses!
-
Essayez avec ceci [anglais] ;-)
Merci beaucoup, je vais essayer!
_AT_Dan: je me pencherai aussi sur votre tutorial!
-
4) Faire joujou avec .htaccess :
a) Pour empêcher les malins de carrément faire un lien sur les images de ton site :
RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http://(www\.)?your_domain.com/.*$ [NC]
RewriteRule \.(gif|jpg)$ - [F] Pour bloquer l'accès au js et aux CSS (à combiner avec les techniques js et CSS ci-dessus)RewriteEngine on
RewriteCond %{HTTP_REFERER}!^http ://domain.com/.*$ [NC]
RewriteCond %{HTTP_REFERER}!^http ://domain.com$ [NC]
RewriteCond %{HTTP_REFERER}!^http ://www.domain.com/.*$ [NC]
RewriteCond %{HTTP_REFERER}!^http ://www.domain.com$ [NC]
RewriteRule .*\.(cssŠjs)$ - [F,NC]<{POST_SNAPBACK}>
Bonjour! Je me permets de m'immiscer dans votre conversation passionnante! En ce qui me concerne, j'ai appliqué le .htaccess que tu as mentionné, davidm. Seulement saurais-tu comme afficher une image type "don't steal my bandwith" à la place de l'image que quelqu'un voulait "hotlinker" sur son propre site?Si non, où dois-je m'adresser pour trouver la solution? J'ai cherché sur plusieurs forums, et j'ai fait plusieurs recherches sur le Hub (qui m'ont menée à ce sujet), mais je ne trouve pas de réponse à ce problème (pourtant, je connais des sites chez qui c'est le cas).
D'avance merci pour toute aide apportée!
-
Merci pour les liens précieux, en effet j'y ai appris quelque chose de positif!
Quant au javascript, si, il est activé, c'est bien ça qui me chiffonne...
-
Bonjour tout le monde,
J'ai pas trop de solution mais pour connaître le site depuis un moment, je trouve qu'il y a déjà eu un sacré travail pour le rendre plus accessible, franchement bravo
Même si tout n'est pas encore parfait, ça demande du temps, ça viendra
<{POST_SNAPBACK}>
Merci...
Mais es-tu vraiment objectif? -
Bonjour Kreestal,
Manifestement ton problème n'inspire pas grand monde
Je ferais une remarque: dans le cas où JavaScript n'est pas interprété, ta page n'aura pas de feulle de style.
Tu devrais donc mettre la feuille de style "standard" par défaut, avant l'appel à ton JavaScript. Au moins tu aurais quelque chose, non ?
Dan
<{POST_SNAPBACK}>
Bonjour Dan! Merci pour ta réponse! Oui tu as raison, faudrait que je définisse une css par défaut... mais c'est là où le bât blesse en fait, vu que ma css par défaut est conçue pour du 1024x768 ou supérieur. Que dois-je faire? L'insérer quand même sur chaque page, puis insérer l'include de javascript?
En 800*600, avec Firefox, la condition suivante est bien verifiee :Par contre, autant de javascripts
je doute que ca soit utile et en faveur d'une quelconque accessiblilite (mauvaise idee de desactiver le bouton droit, ca empeche d'utiliser rapidement l'extension WebDevelopper de Firefox)<{POST_SNAPBACK}>
Salut Dash! Ah oui, avec Firefox ça fonctionne? Chez moi non
Pour les javascripts, tu as sûrement raison...
L'anti clic droit c'est surtout pour protéger mes textes et mes images... Car on pille régulièrement mon travail. Quelle autre solution me suggesterais-tu pour empêcher ce pillage sans interdire le clic droit? -
Bonsoir!
Mon pseudonyme est Kreestal et je suis la webmastrice du site La Lune Mauve.org. Par pitié, n'allez pas sur mon site tant que vous n'avez pas lu mon message: je risquerais de mourir de honte.
Je pensais avoir rendu mon site 'accessible' (je ne sais pas si c'est le bon terme) pour les visiteurs ayant une résolution de 800x600 en utilisant un javascript de redirection de CSS, le voici:
<script LANGUAGE="JavaScript" type="text/javascript">
<!--
// Debut 640*480
if (screen.width <= 640) {
fichier = 'http://www.lalunemauve.org/styleb.css';
}
// Fin 640*480
// Debut 800*600
else if (screen.width <= 800) {
fichier = 'http://www.lalunemauve.org/styleb.css';
}
// Fin 800*600
// Debut 1024*768
else if (screen.width <= 1024) {
fichier = 'http://www.lalunemauve.org/style.css';
}
// Fin 1024*768
// Debut plus 1024
if (screen.width > 1024) {
fichier = 'http://www.lalunemauve.org/style.css';
}
// Fin plus 1024
document.write('<LINK HREF="'+ fichier + '" REL="stylesheet" TYPE="text/css">');
//-->
</script>Ce javascript est placé dans l'include "scripts.txt", placé dans le <head> de la page "astre.php". En affichant la source de la page "astre.php", on le voit d'ailleurs s'afficher correctement. Par contre, en affichage normal, quand je bascule en résolution 800x600, dans Mozilla Firefox 1.0, la page ne s'affiche pas telle qu'elle devrait s'affiche selon ma CSS spécialement conçue pour la résolution 800x600.
Note: je suis en pleine mise à jour de mon site, donc il est normal que presque tout déconne...
Par exemple, j'ai conscience que la CSS "styleb.css", destinée à la résolution 800x600, soit erronnée en pleins d'endroits, vu que je n'ai modifié pour le moment que les divs "conteneur_astre" et "frame_astre" spécialement pour tester ce javascript de redirection sur la page "astre.php"Je voudrais donc savoir comment faire pour que dans Mozilla, Netscape et autres navigateurs que IE, la page "astre.php" (et plus tard toutes les autres pages, quand j'aurais fini de mettre le site à jour correctement) s'affiche avec la css 'styleb.css" conçue pour la résolution 800x600 (la css "style.css" étant la css destinée aux résolutions 1024x768 et plus). D'autant plus que dans IE cela semble fonctionner...
En résumé: à l'aide!
D'avance merci beaucoup pour toute suggestion me permettant peut-être de résoudre ce problème...
k.
background-attachment:fixed dans IE...
dans (X)HTML et CSS
Posté · Modifié par Kreestal
Bonsoir à tous! :-)
Je me tourne une fois de plus vers les utilisateurs du Hub pour m'aider à fixer un problème que j'ai.
La page où se pose le problème dans MSIE: http://www.aenemya.com/lookie.htm
>> Dans Internet Explorer en effet, l'image de fond de la div #contenu, "pink.jpg", n'est pas fixée; du coup, quand le texte est plus long que la hauteur de l'image, IE fait défiler la div et son image d'arrière-plan avec elle. Dans l'autre navigateur que j'utilise, Mozilla Firefox, ce problème n'existe pas: l'image d'arrière-plan est bien fixée.
D'où deux questions:
1 - existe-t-il une solution pour fixer cette image d'arrière-plan dans IE?
2 - Le même problème se pose-t-il dans d'autres navigateurs, et si oui, lesquels? Existe-t-il une solution pour chaque problème?
A propos de la question 1, je viens de trouver un article sur le Web qui m'inquiète un peu:
D'avance merci pour votre aide.