Pb d'ombre avec Konqueror et Firefox

Répondre
Citer ce message
jeanpa
le 26/02/2005 à 19:18
jeanpa
Bonsoir

J'ai un gros chagrin de mis en page !
dans une page web simple, je souhaite faire apparaître une boite
avec de l'ombre. Donc, je crée d'abord une div noire en absolu et
ensuite par dessus, une autre div en relative.
ça marche bien.
pour m'adapter aux différentes résolutions je travaille en %.
Donc la div noire occupe par exemple 20% de l'écran
et la div dans laquelle j'écris 100% (de la div noire)

et ca, ca marche bien sur firefox, opera, mozilla, netscape 7
(et meme
IE 5 et IE 6 ) , mais konqueror affiche bien la première div noire
et l'autre n'apparaît pas entiere, comme si konqueror ne prenait
pas en compte les 100%. Effectivement, si je met une mesure en
pixel , ca marche !

Vous voulez en avoir la preuve , voici les jeux d'essais sont sur mon site:

en pixel avec différentes DTD :

http://jeanpba.homeip.net/Divers/ombre_px_dtd_xhtml10strict.html
http://jeanpba.homeip.net/Divers/ombre_px_dtd_xhtml10transitional.html
http://jeanpba.homeip.net/Divers/ombre_px_dtd_xhtml11.html

et en pourcentage, qui ne marche pas :

http://jeanpba.homeip.net/Divers/ombre_pc_dtd_xhtml10strict.html
http://jeanpba.homeip.net/Divers/ombre_pc_dtd_xhtml10transitional.html
http://jeanpba.homeip.net/Divers/ombre_pc_dtd_xhtml11.html


je ne comprends pas
merci d'avance de votre aide

jean-philippe Battu
Grenoble
Citer ce message
LA GLOBULE
le 26/02/2005 à 21:45
LA GLOBULE
Bonsoir :)

Moi, y'a un truc que je ne comprend pas, tu dis que quand tu mets tout en nombre de pixels, cela fonctionne.
Chez moi, en effet, en nombre de pixels, j'obtiens la meme chose sous konqueror et firefox, mais ta boite grise est beaucoup trop disproportionnée.

En pourcentage, le résultat est différent : seul firefox affiche bien ton "ombrage".

photo

J'essaye un truc vite fait, et je te répond :)
Citer ce message
jeanpa
le 26/02/2005 à 21:55
jeanpa
Salut La Globule

Oui en nombre de pixel, la fenetre est trop grande
mais c'est juste pour dire que le comportement est
le meme, mais je suis d'accord, l'ombrage n'est pas
le bon

Par contre, en pourcentage, comme tu as vu ,seul
firefox affiche bien mon ombrage. Je ne comprends pas pourquoi konqueror est le seul qui n'affiche pas les 100% de la fenetre !!!

Merci de ton aide précieuse !!

Jean-Philippe
Citer ce message
LA GLOBULE
le 27/02/2005 à 11:41
LA GLOBULE 
div.logoS  {

        background-color: black;

        width: 20%;

        height: 15%;

        top: 2%;

        left: 1%;

}



div.logo   {

        position:relative;

        background-color: gray;

        border: solid 2px black;

        width: 100%;

        height: 100%;

        top: 10px;

        left: 10px;

}


Essaye comme ceci.
Citer ce message
jeanpa
le 27/02/2005 à 12:10
jeanpa
salut La Globule

et d'abord merci de ton aide

mais je veux garder le position: absolute ;
dans le div.logoS
car je ne veux pas que la hauteur de ma fenetre
soit dependante du nombre de ligne que j'ecris
dedans ...
Ce qui est bizarre avec Konqueror (mais aussi
safari sous Mac ) c'est que le width: 100% est
bien pris en compte, mais c'est le height: 100%
qui coince

Pourtant mes fichiers html sont bien validé avec
le w3 validator et validator css

je ne comprends pas !

A+++

jean-philippe
Citer ce message
LA GLOBULE
le 27/02/2005 à 12:18
LA GLOBULE
Si on ne conserve pas l'absolute, on peut indiquer une hauteur en nombre de pixel, et non en pourcentage.
Citer ce message
LA GLOBULE
le 27/02/2005 à 12:22
LA GLOBULE
Ou alors comme ceci :

div.logoS {

		position: fixed;

        background-color: black;

        width: 20%;

        height: 20%;

}



div.logo {

        position:relative;

        background-color: gray;

        border: solid 2px black;

        width: 100%;

        height: 100%;

        top: 10px;

        left: 10px;

}
Répondre

Ecrire un message

Votre message vient d'être créé avec succès.
LoadingChargement en cours